r - `range` 和 `pips` 参数如何在shinyWidgets `noUiSliderInput()` 中工作?

标签 r shiny nouislider shinywidgets

range 和 pip` 的 shinyWidgets::noUiSliderInput() 参数的文档只是简单地说明它们是一个列表,但没有提供任何示例列表的结构或内容。

我已经查看了关于 noUiSlider 的refreshless.com 文档,以使用 range ( https://refreshless.com/nouislider/examples/#section-non-linear ) 制作非线性 slider ,但是匹配该结构会产生空白 ui 并且不会导致任何错误。

这是我在 R Shiny 中尝试的内容。请注意,如果范围参数被注释掉,它确实会在 UI 中生成一个 slider :

library(shiny)
library(shinyWidgets)

if(interactive()) {
    ui <- fluidPage(
    
    tags$br(),
    
    noUiSliderInput(
      inputId = "noui2", 
      label = "Slider vertical:",
      min = 20, 
      max = 400000,
      #step = 50,
      value = c(100),
      orientation = "vertical",
      range = list("min" = 0,
                   "x20" = c(20, 5),
                   "x100" = c(100, 20),
                   "x250" = c(250, 50),
                   "x500" = c(500, 100),
                   "x5000" = c(5000, 1000),
                   "x20000" = c(20000, 20000),
                   "max" = 400000),
      width = "100px", height = "300px"
    ),
    verbatimTextOutput(outputId = "res2")
    
  )
    
  server <- function(input, output, session) {
    
    output$res2 <- renderPrint(input$noui2)
    
  }
  
  shinyApp(ui, server)

}

最佳答案

range 选项的键必须以 % 形式给出,例如

      range = list("min" = list(0),
                   "20%" = list(20, 5),
                   "80%" = list(100, 50),
                   "max" = list(400))

什么是x20x100等?您想要自定义刻度标签吗?你可以这样做:

      pips = list(
        mode = "values",
        values = list(0, 200, 400),
        density = 4
      )

关于r - `range` 和 `pips` 参数如何在shinyWidgets `noUiSliderInput()` 中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/76017410/

相关文章:

r - 循环遍历列表中的序列对象?

r - 使用包中的评估调用包装 data.table

r - 如果索引从 1 开始,为什么矩阵允许索引为零?

html - 在 WordPress 中嵌入 Shiny 的应用程序

r - 从 Shiny 书签中排除所有输入

angular - NoUiSlider - 如何自定义我的 pips 标签以具有字符串值?

javascript - 防止 NoUISlider 工具提示重叠

r - DataFrame 未在 RStudio 查看器中加载

R Shiny 仪表板 : display progress bar while loading data (fread)

javascript - 使用 bootstrap css 设计 nouislider 的技巧