隐藏/显示输出Shiny R.

时间:2016-02-01 16:56:56

标签: r shiny show-hide

每次用户更改widjets中的内容时,我都会尝试查看如何显示和隐藏输出,如图形和表格。例如,我有一个名为" gender"的变量的滑块输入。有2种选择:男性和女性。我还有一个按钮,当用户点击它时执行估算。每当用户在不同的widjets之间改变至少一个选项时,我想隐藏输出。例如,在一次估计之后,用户决定仅更改教育级别,并且当用户单击sliderInput框时,我想隐藏先前的结果。

我尝试使用R包的shinyjs和函数hide / show但它们不适用于输出。

如果不使用shinyjs包,你知道怎么做吗?

以下是我的代码的一部分:

shinyUI(fluidPage(

  sidebarLayout(
    fluidRow( 
      column(4, wellPanel(

  fluidRow(
      column(5,selectInput("gender",
                          label = div("Sexe",style = "color:royalblue"),
                          choices = list("Male", "Female"),
                          selected = "Female")),

        # other different widjets..        

              column(8, plotOutput('simulationChange')),
              column(4, tableOutput('simulationChangeTable'),
                                    tags$style("#simulationChangeTable table {font-size:9pt;background-color: #E5E4E2;font-weight:bold;margin-top: 121px; margin-left:-30px;overflow:hidden; white-space:nowrap;text-align:left;align:left;}", 
                                    media="screen", 
                                    type="text/css"), 
                  fluidRow(
                     column(6, tableOutput('simulationChangeEsperance'),
                                    tags$style("#simulationChangeEsperance table {font-size:9pt;background-color: #E5E4E2;font-weight:bold;margin-top: -10px; margin-left:-30px;overflow:hidden; white-space:wrap;word-break: break-word;width:173px;text-align:left;}"))
                  )
              )
            )
        )
     )
    ))  

shinyServer(function(input, output, session) {
# part of my server.R code
    observe({


   if (input$gender|input$age|input$birthplace|input$education){  
      shinyjs::hide("simulationChange")
      shinyjs::hide("simulationChangeTable")
      shinyjs::hide("simulationChangeEsperance")
      }      
})

谢谢。

3 个答案:

答案 0 :(得分:7)

您的代码无法正常工作的原因是因为您没有拨打useShinyjs()的电话(如果您阅读了文档或查看使用shinyjs的任何示例,那么您就可以了看到您必须在UI中调用useShinyjs()

我无法复制您的代码,因为它有太多错误,但只是为了证明它确实可以使用输出,这里有一个可以运行的小例子。在您的项目中,只需在UI中的某处添加shinyjs::useShinyjs()

library(shiny)
library(shinyjs)

ui <- fluidPage(
  useShinyjs(),
  actionButton("hideshow", "Hide/show plot"),
  plotOutput("plot")
)

server <- function(input, output, session) {
  output$plot <- renderPlot({
    plot(rnorm(100))
  })

  observeEvent(input$hideshow, {
    # every time the button is pressed, alternate between hiding and showing the plot
    toggle("plot")
  })
}

shinyApp(ui = ui, server = server)

答案 1 :(得分:4)

正如Dieter在评论中所提到的,您需要使用conditionalPanel。例如,在你的ui.R中,而不是

plotOutput('simulationChange')

使用

conditionalPanel("output.show", plotOutput('simulationChange'))

在您的server.R中添加以下内容:

values <- reactiveValues()
values$show <- TRUE

observe({
    input$gender
    input$age
    input$birthplace
    input$education
    values$show <- FALSE
})

output$show <- reactive({
    return(values$show)
})

另外,点击按钮时不要忘记更改values$show

observeEvent(input$button, {
    ...
    values$show <- TRUE
})

答案 2 :(得分:0)

这里的其他答案似乎没有提供正确/完整的答案。解决方案实际上很简单。

您需要使用outputOptions(output, 'show', suspendWhenHidden = FALSE)

下面是一个示例代码,如果下拉选择为2,则在conditionalPanel内显示文本,如果为1,则隐藏。

  library(shiny)
  
  ui <- fluidPage(
    selectInput("num", "Choose a number", 1:2),
    
    conditionalPanel(
      condition = "output.show",
      "The selected number is 2 so this text is displayed. Change it back to 1 to hide."
    )
    
  )
  
  server <- function(input, output, session) {
    output$show <- reactive({
          input$num == 2 # Add whatever condition you want here. Must return TRUE or FALSE
      })
    
    outputOptions(output, 'show', suspendWhenHidden = FALSE)
  }
    
  shinyApp(ui = ui, server = server)