2017-09-16 141 views
2

這是我的previous question的擴展。現在我無法延長我主面板的高度。閃亮的儀表板主面板高度問題

這低於

library(shiny) 
library(shinydashboard) 
library(shinyBS) 
library(DT) 

ui <- dashboardPage(
    dashboardHeader(), 
    dashboardSidebar(
    sidebarPanel(
     textInput("text", "Enter Id:"), 
     box(width = 1, background = 'purple'), 
     actionButton("Ok", "Press Ok",style='padding:8px; font-size:100%') 
    ) 

), 
    dashboardBody(

    mainPanel(width = 12, 

     tabsetPanel(

     tabPanel("About", value=1, h6("The objective is to test width of ShinyApp in tabPanel design", br(), 
             br(), 

             "Distribution Prototype" 

            ) 
       ), 


     tabPanel("Data", value=2, 

       fluidRow(

        valueBoxOutput("vbox1", width = 2), 
        valueBoxOutput("vbox2", width = 2), 
        valueBoxOutput("vbox3", width = 2), 
        valueBoxOutput("vbox4", width = 2), 
        valueBoxOutput("vbox5", width = 2), 
        valueBoxOutput("vbox6", width = 2) 


       ), 

       fluidRow(

        column(width = 4, box(title = "Iris", width = NULL, solidHeader = FALSE, dataTableOutput("dat1"))), 
        column(width = 4, box(title = "MT Cars", width = NULL, solidHeader = FALSE, dataTableOutput("dat2"))), 
        column(width = 4, box(title = "Old Faithful Gyser", width = NULL, solidHeader = FALSE, dataTableOutput("dat3")))), 

       fluidRow(


        column(width = 4, box(title = "Plot1", width = NULL, solidHeader = FALSE, plotOutput("plot1", height = "600px"))), 
        column(width = 4, box(title = "Plot2", width = NULL, solidHeader = FALSE, plotOutput("plot2", height = "600px"))), 
        column(width = 4, box(title = "Plot3", width = NULL, solidHeader = FALSE, plotOutput("plot3", height = "600px"))) 


       ) 

     ) 
    ) 
    ) 
)) 

server <- function(input, output) { 

    output$vbox1 <- renderValueBox({ valueBox("One","Yes",icon = icon("stethoscope"))}) 
    output$vbox2 <- renderValueBox({ valueBox("Two","Yes",icon = icon("stethoscope"))}) 
    output$vbox3 <- renderValueBox({ valueBox("Three","Yes",icon = icon("stethoscope"))}) 
    output$vbox4 <- renderValueBox({ valueBox("Four","Yes",icon = icon("stethoscope"))}) 
    output$vbox5 <- renderValueBox({ valueBox("Five","Yes",icon = icon("stethoscope"))}) 
    output$vbox6 <- renderValueBox({ valueBox("Six","Yes",icon = icon("stethoscope"))}) 

    output$dat1 <- renderDataTable({datatable(iris)}) 
    output$dat2 <- renderDataTable({datatable(mtcars,extensions = 'Responsive')}) 
    output$dat3 <- renderDataTable({datatable(faithful,rownames = FALSE, options = list(autoWidth = TRUE) )}) 

} 

shinyApp(ui, server) 

該地塊被伸出的默認佈局空間的,我沒有找到在mainPanel()任何選項來增加高度,是我的代碼。我試圖強制mainPanel()內的高度值,就像這個mainPanel(width = 12, height, 20 ....)那樣沒有用。任何建議,非常感謝。

+ Main Panel Height issue

--------- -------------更新

不知道這是否有幫助,這不是一個問題,當我

library(shiny) 
library(shinydashboard) 
library(DT) 

ui <- dashboardPage(
    dashboardHeader(title = "Dynamic boxes"), 


    dashboardSidebar(
    conditionalPanel(condition="input.tabselected==3", 
        textInput("text", "Enter Id:"), 
        box(width = 1, background = 'purple'), 
        actionButton("Ok", "Press Ok",style='padding:8px; font-size:100%') 
    ) 
), 
    dashboardBody(
    fluidRow(

     valueBoxOutput("vbox1", width = 2), 
     valueBoxOutput("vbox2", width = 2), 
     valueBoxOutput("vbox3", width = 2), 
     valueBoxOutput("vbox4", width = 2), 
     valueBoxOutput("vbox5", width = 2), 
     valueBoxOutput("vbox6", width = 2) 


    ), 

    fluidRow(

     column(width = 4, box(title = "Iris", width = NULL, solidHeader = FALSE, dataTableOutput("dat1"))), 

     column(width = 4, box(title = "MT Cars", width = NULL, solidHeader = FALSE, dataTableOutput("dat2"))), 

     column(width = 4, box(title = "Old Faithful Gyser", width = NULL, solidHeader = FALSE, dataTableOutput("dat3"))) 


), 

    fluidRow(


    column(width = 4, box(title = "Plot1 ", width = NULL, solidHeader = FALSE, plotOutput("plot1", height = "600px"))), 
    column(width = 4, box(title = "Plot2", width = NULL, solidHeader = FALSE, plotOutput("plot2", height = "600px"))), 
    column(width = 4, box(title = "Plot3", width = NULL, solidHeader = FALSE, plotOutput("plot3", height = "600px"))) 


) 



) 
) 


server <- function(input, output) { 

    output$vbox1 <- renderValueBox({ valueBox("One","Yes",icon = icon("stethoscope"))}) 
    output$vbox2 <- renderValueBox({ valueBox("Two","Yes",icon = icon("stethoscope"))}) 
    output$vbox3 <- renderValueBox({ valueBox("Three","Yes",icon = icon("stethoscope"))}) 
    output$vbox4 <- renderValueBox({ valueBox("Four","Yes",icon = icon("stethoscope"))}) 
    output$vbox5 <- renderValueBox({ valueBox("Five","Yes",icon = icon("stethoscope"))}) 
    output$vbox6 <- renderValueBox({ valueBox("Six","Yes",icon = icon("stethoscope"))}) 

    output$dat1 <- renderDataTable({datatable(iris)}) 
    output$dat2 <- renderDataTable({datatable(mtcars,extensions = 'Responsive')}) 
    output$dat3 <- renderDataTable({datatable(faithful,rownames = FALSE, options = list(autoWidth = TRUE) )}) 
    #output$dat4 <- renderDataTable({datatable(data.frame(HairEyeColor),extensions = 'Responsive')}) 
} 

shinyApp(ui, server) 
+0

您已將硬塊的高度硬編碼爲「600px' –

+0

@ kevin.arseneau,這是無關緊要的。 –

回答

3

您沒有使用從shinydashboard的功能,而是標準shiny封裝不使用的mainPanel()和你需要用你的tabBox一個fluidRow內。

library(shiny) 
library(shinydashboard) 
library(shinyBS) 
library(DT) 

ui <- dashboardPage(
    dashboardHeader(), 
    dashboardSidebar(
    sidebarPanel(
     textInput("text", "Enter Id:"), 
     box(width = 1, background = 'purple'), 
     actionButton("Ok", "Press Ok",style='padding:8px; font-size:100%') 
    ) 

), 
    dashboardBody(

       fluidRow(
       tabBox(width = 12, height = NULL, 

       tabPanel("About", value=1, h6("The objective is to test width of ShinyApp in tabPanel design", br(), 
               br(), 

               "Distribution Prototype" 

       ) 
       ), 


       tabPanel("Data", value=2, 

         fluidRow(

          valueBoxOutput("vbox1", width = 2), 
          valueBoxOutput("vbox2", width = 2), 
          valueBoxOutput("vbox3", width = 2), 
          valueBoxOutput("vbox4", width = 2), 
          valueBoxOutput("vbox5", width = 2), 
          valueBoxOutput("vbox6", width = 2) 


         ), 

         fluidRow(

          column(width = 4, box(title = "Iris", width = NULL, solidHeader = FALSE, dataTableOutput("dat1"))), 
          column(width = 4, box(title = "MT Cars", width = NULL, solidHeader = FALSE, dataTableOutput("dat2"))), 
          column(width = 4, box(title = "Old Faithful Gyser", width = NULL, solidHeader = FALSE, dataTableOutput("dat3")))), 

         fluidRow(


          column(width = 4, box(title = "Plot1", width = NULL, solidHeader = FALSE, plotOutput("plot1"))), 
          column(width = 4, box(title = "Plot2", width = NULL, solidHeader = FALSE, plotOutput("plot2"))), 
          column(width = 4, box(title = "Plot3", width = NULL, solidHeader = FALSE, plotOutput("plot3"))) 


         ) 

       ) 
      ) 
    ) 
)) 

server <- function(input, output) { 

    output$vbox1 <- renderValueBox({ valueBox("One","Yes",icon = icon("stethoscope"))}) 
    output$vbox2 <- renderValueBox({ valueBox("Two","Yes",icon = icon("stethoscope"))}) 
    output$vbox3 <- renderValueBox({ valueBox("Three","Yes",icon = icon("stethoscope"))}) 
    output$vbox4 <- renderValueBox({ valueBox("Four","Yes",icon = icon("stethoscope"))}) 
    output$vbox5 <- renderValueBox({ valueBox("Five","Yes",icon = icon("stethoscope"))}) 
    output$vbox6 <- renderValueBox({ valueBox("Six","Yes",icon = icon("stethoscope"))}) 

    output$dat1 <- renderDataTable({datatable(iris)}) 
    output$dat2 <- renderDataTable({datatable(mtcars,extensions = 'Responsive')}) 
    output$dat3 <- renderDataTable({datatable(faithful,rownames = FALSE, options = list(autoWidth = TRUE) )}) 

} 

shinyApp(ui, server) 
+0

感謝凱文,我有一些工作要做,主要是瞭解儀表板的功能。 –

+0

@SundownBrownbear,不用擔心,我相信這個努力會有收穫。 –

相關問題