【问题标题】:Custom icon on infoBox shinydashboardinfoBox shinydashboard 上的自定义图标
【发布时间】:2020-02-12 09:15:25
【问题描述】:

有没有办法在infoBoxshinydashboard 上使用自定义图标。我正在尝试使用hrbrmstr gist 上的示例,但我找不到更新infoBox 函数的地方。

library(shiny)

ui <- dashboardPage(
  dashboardHeader(title = "Dynamic boxes"),
  dashboardSidebar(),
  dashboardBody(
    fluidRow(
      box(width = 2, actionButton("count", "Count")),
      infoBoxOutput("ibox"),
      valueBoxOutput("vbox")
    )
  )
)

server <- function(input, output) {
  output$ibox <- renderInfoBox({
    infoBox(
      "Title",
      input$count,
      #icon = icon("credit-card")
icon=icon(list(src=x, width="80px"), lib="local")
    )
  })
  output$vbox <- renderValueBox({
    valueBox(
      "Title",
      input$count,
      icon = icon("credit-card")
    )
  })
}

shinyApp(ui, server)

【问题讨论】:

    标签: r shiny shinydashboard flexdashboard


    【解决方案1】:

    我使用了来自leonawiczapputils 包。我用apputils::infoBox 替换了infoBox 函数。

    library(shiny)
    library(apputils)
    #exApp("icons")
    ui <- dashboardPage(
      dashboardHeader(title = "Dynamic boxes"),
      dashboardSidebar(),
      dashboardBody(
        fluidRow(
          box(width = 2, actionButton("count", "Count")),
          infoBoxOutput("ibox"),
          valueBoxOutput("vbox")
        )
      )
    )
    
    server <- function(input, output) {
    
      output$ibox <- renderInfoBox({
        ic <- apputils::icon(list(src = "https://cdn1.iconfinder.com/data/icons/money-47/512/Money_Currency_Finance-41-512.png", width = "80px"), lib = "local")
        apputils::infoBox(
          "Title",
          input$count,
          icon = ic
          #icon = icon("credit-card")
          #icon=icon(list(src=x, width="80px"), lib="local")
        )
      })
      output$vbox <- renderValueBox({
        valueBox(
          "Title",
          input$count,
          icon = icon("credit-card")
        )
      })
    }
    
    shinyApp(ui, server)
    

    【讨论】:

      猜你喜欢
      • 2016-02-03
      • 2017-03-31
      • 1970-01-01
      • 2016-07-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-15
      • 2012-02-07
      相关资源
      最近更新 更多