r - valueBox 不改变颜色且未居中
问题描述
我正在尝试在 renderUi 包装器中向我闪亮的仪表板添加一个值框。到目前为止,我只找到了 valueBox 函数(尽管我对其他人开放,因为它非常严格)。然而,它不会改变颜色(见截图),尽管我给了它一个有效的颜色参数。此外,文本不居中。
理想情况下,我也希望将我的布局与主面板和侧边栏保持一致。
我会接受任何答案,如果它 1) 可以让 valueBox 成为“海军蓝”,居中,并带有白色文本或 2) 可以建议另一个可以实现相同目标的功能(如果我可以有更大的灵活性,那将是一个巨大的好处与颜色)。
可重现的例子:
library(shinydashboard)
library(shiny)
ui <- fluidPage(
sidebarLayout(
sidebarPanel(
textInput(inputId = "greeting",
label = "Say hi!"),
actionButton(inputId = "submit",
label = "Submit")
),
mainPanel(
valueBoxOutput("total_projects")
)
))
server <- function(input, output) {
data <- tibble(name = c("Justin", "Corey", "Sibley"),
grade = c(50, 100, 100))
output$total_projects <- renderValueBox({
shiny::req(input$greeting)
shiny::req(input$submit)
if(input$greeting == "hi!") {
num_100s <- data %>% filter(grade == 100) %>% nrow()
valueBox(value = num_100s, subtitle = "Number of Perfect Scores",
color = "navy", width = 3) #setting color argument but it shows up white
}
})
}
shinyApp(ui, server)
注意:值框应该是海军蓝。
解决方案
这回答了你的问题了吗?通过使用闪亮的 UI 函数/div/css 而不是 valueBox 选项,它居中并呈海军蓝。
library(shinydashboard)
library(shiny)
library(dplyr)
ui <- fluidPage(
sidebarLayout(
sidebarPanel(
textInput(inputId = "greeting",
label = "Say hi!"),
actionButton(inputId = "submit",
label = "Submit")
),
mainPanel(
fluidRow(column(12,align="center",div(valueBoxOutput("total_projects"),style="color:white;"),style="background-color:navy;"))
)
))
server <- function(input, output) {
data <- tibble(name = c("Justin", "Corey", "Sibley"),
grade = c(50, 100, 100))
output$total_projects <- renderValueBox({
shiny::req(input$greeting)
shiny::req(input$submit)
if(input$greeting == "hi!") {
num_100s <- data %>% filter(grade == 100) %>% nrow()
valueBox(value = num_100s, subtitle = "Number of Perfect Scores",
color = "navy", width = 3) #setting color argument but it shows up white
}
})
}
shinyApp(ui, server)
推荐阅读
- html - 如何在 div 中水平居中 2 个按钮?
- c# - 如何为 Dialogflow 集成验证 Google 凭据
- amazon-web-services - Amazon MQ - 无服务器和容器中客户端的连接池
- python - 将 utf-8 xml 保存到文件不会显示在浏览器中
- r - dplyr 和日期的意外行为
- windows - Windows 中的 Qt 应用程序部署问题
- javascript - 检测 audio.play() 何时完成
- c# - C# 应用程序打印 Excel - NPOI 打印设置以在 excel 中设置为合法的分页器大小
- scala - 在 scala 中,当插入到仅强制执行某些特征的通用函数中时,如何强制编码器对类型进行操作?
- php - 如何将 php 用户会话应用于随机报价片段?