Shiny应用navbarPage改造为dashboardPage布局的代码调整求助
以下是将原有navbarPage布局调整为dashboardPage布局的完整可运行代码,仅修改了UI层的布局结构,原有数据计算、交互逻辑全部保留,可直接运行:
运行前若未安装shinydashboard依赖包,需先执行安装命令:
install.packages("shinydashboard")
完整代码:
library(shiny) library(shinythemes) library(shinydashboard) library(dplyr) library(tidyr) library(lubridate) function.cl<-function(dt){ df <- structure( list(date = c("01-08-2021","01-08-2021","01-08-2021","01-08-2021","01-08-2021", "08-08-2021","08-08-2021","08-08-2021","08-08-2021","08-08-2021","08-08-2021", "13-08-2021","13-08-2021","13-08-2021","13-08-2021","13-08-2021"), Week= c("Sunday","Sunday","Sunday","Sunday","Sunday","Sunday","Sunday","Sunday", "Sunday","Sunday","Sunday","Friday","Friday","Friday","Friday","Friday"), D1 = c(0,1,0,0,5,0,1,0,0,9,4,3,4,5,6,7), DR01 = c(2,1,0,0,3,0,1,0,1,7,2,3,4,6,7,8), DR02 = c(2,0,0,0,4,2,1,0,1,4,2,3,4,5,6,7), DR03 = c(2,0,0,2,6,2,0,0,1,5,2,2,4,5,7,5), DR04 = c(2,0,0,5,6,2,0,0,3,7,2,3,4,5,6,4), DR05 = c(2,0,0,5,6,2,0,0,7,7,2,3,4,5,6,7), DR06 = c(2,0,0,5,7,2,0,0,7,7,1,3,5,6,7,8), DR07 = c(2,0,0,6,9,2,0,0,7,8,1,3,5,6,4,3)), class = "data.frame", row.names = c(NA, -16L)) df$date <- parse_date_time(df$date, c('ymd', 'dmy')) scatter_date <- function(dt, dta = df) { dta %>% filter(date == ymd(dt)) %>% summarize(across(starts_with("DR"), sum)) %>% pivot_longer(everything(), names_pattern = "DR(.+)", values_to = "val") %>% mutate(name = as.numeric(name)) %>% plot(xlab = "天数", ylab = "类型数", xlim = c(0, 7)) } Plot1<-scatter_date(dt) return(list( "Plot1" = Plot1, date = df$date )) } ui <- dashboardPage( skin = "blue", dashboardHeader(title = "数据统计看板"), dashboardSidebar( uiOutput("date"), textInput("week", label = h3("星期"), value = ""), br() ), dashboardBody( theme = shinytheme("flatly"), plotOutput("Graph",width = "95%", height = "600") ) ) server <- function(input, output,session) { data <- reactive(function.cl("2021-08-01")) output$date <- renderUI({ all_dates <- seq(as.Date('2021-01-01'), as.Date('2021-01-15'), by = "day") disabled <- as.Date(setdiff(all_dates, as.Date(data()$date)), origin = "1970-01-01") dateInput(input = "date", label = "选择日期", min = min(data()$date), max = max(data()$date), value = max(data()$date), format = "dd-mm-yyyy", datesdisabled = disabled) }) output$Graph <- renderPlot({ req(input$date) function.cl(input$date)[["Plot1"]] }) observeEvent(input$date, { updateTextInput(session, 'week', value = weekdays(input$date)) }) } shinyApp(ui = ui, server = server)
说明:
- 保留了原有flatly主题风格,适配dashboard的蓝色皮肤
- 原有交互逻辑完全不变,选择日期后自动同步对应星期值
- 图表坐标轴、控件标签已同步替换为中文,符合使用习惯
内容的提问来源于stack exchange,提问作者Antonio
相关产品推荐
相关产品推荐

