【问题标题】:R shinydashboard - change height of valueBoxR shinydashboard - 更改 valueBox 的高度
【发布时间】:2016-05-27 03:57:12
【问题描述】:

给定一个shinydashboard

ui.R

library(shinydashboard)
library(shiny)

dashboardPage(

    dashboardHeader(),
    dashboardSidebar(),
    dashboardBody(
        valueBoxOutput(outputId = "vb")
    )
)

server.R

library(shinydashboard)
library(shiny)

function(input, output, session) {

    output$vb <- renderValueBox({
        valueBox(subtitle = "Hello", 
                         value = "hi", 
                         width = 6,
                         color="blue"
        )
    })
}

问题

valueBox的高度可以改变吗?

我尝试过使用tags,但无法让它们工作,所以我显然遗漏了一些东西:

dashboardPage(

    dashboardHeader(),
    dashboardSidebar(
    #   tags$head(tags$style("#vb{height:500px}"))
    ),
    dashboardBody(
        # tags$head(tags$style("#vb{height:500px}")),

        # div(style="height: 500px",
        #       valueBoxOutput(outputId = "vb")
        # )
        valueBoxOutput(outputId = "vb")
    )
)

【问题讨论】:

    标签: r shinydashboard


    【解决方案1】:

    原来我没有正确引用值框;我需要使用.small-box 类:

    dashboardPage(
    
        dashboardHeader(),
        dashboardSidebar(),
        dashboardBody(
            tags$head(tags$style(HTML(".small-box {height: 50px}"))),
            valueBoxOutput(outputId = "vb")
        )
    )
    

    【讨论】:

    • 有没有类似的方法也可以改变字体大小?尝试了 'tags$p(tags$style(HTML(".small-box {font-size: 10px}")))' 但不起作用
    • 对于字体大小,您可以在renderValueBox 中的服务器端进行更改,方法是使用参数style = "font-size: 80%;" 将`tags$p()` 中的valueBox 中的文本包装起来并将百分比设置为所需的字体大小
    猜你喜欢
    • 2016-12-11
    • 2017-03-31
    • 1970-01-01
    • 2023-04-01
    • 2020-02-23
    • 2020-08-08
    • 1970-01-01
    • 2015-08-28
    • 1970-01-01
    相关资源
    最近更新 更多