gpt4 book ai didi

r - 如何在 Shiny 应用程序的范围 slider 的每一侧显示不同的颜色?当你在任一侧滑动时,颜色也应该自动填充

转载 作者:行者123 更新时间:2023-12-02 02:46:21 24 4
gpt4 key购买 nike

如何在 Shiny 应用程序的范围 slider 的每一侧显示不同的颜色?当你在任一侧滑动时,颜色也应该自动填充

[ trying to get a slider shown in pic here 2

图书馆( Shiny 的小部件)图书馆( Shiny )

Shiny 的UI(流体页面(

# 申请标题 titlePanel("老忠实喷泉数据"),

# 侧边栏带有用于 bin 数量的 slider 输入 侧边栏布局( 侧边栏面板(

  #tags$style(HTML(".js-irs-0 .irs-single, .js-irs-0 .irs-bar-edge, .js-irs-0 .irs-bar {background: purple}")),
tags$head( tags$style( type = "text/css", '
.irs-line-mid{
background: yellow ;
border: 1px black ;
}
.irs-line-left{
background: red ;width: 100%;
# border-top: 1px red ; #solid #CCC ;
# border-left: 1px blue ;
# border-bottom: 1px blue ;# solid #CCC ;
}
.irs-line-right{
background: green ;width: 100%;
}
.irs-bar {
background: linear-gradient(to right, green, green);
border-top: 1px red ; #solid #CCC ;
border-left: 1px blue ;
border-bottom: 1px blue ;# solid #CCC ;
}
.irs-bar-edge {
background: green ; #inherit ;
border: blue ; #inherit ;
}

')),
#chooseSliderSkin("Modern",color = "blue"),
#setSliderColor(c("red" ),1),#", "#FF4500", "", "Teal"), c(1, 2, 4)),
sliderInput("range",
"RangeNumber of bins:",
min = 1,
max = 50,
value = c(30,40),step =0.1)),

# Show a plot of the generated distribution
mainPanel(
plotOutput("distPlot")
)

)))

最佳答案

不幸的是,我不确定是否可以让两侧的颜色不同。也许是,但在我尝试的几分钟内我无法弄清楚。我能给你的最好的是这个 CSS,它可以用来让中间的颜色和两侧的另一种颜色。这不是您要求的,但希望仍然有用。

library(shiny)

ui <- fluidPage(
tags$style(".irs-line {background: red} .irs-bar {background: green}"),
sliderInput("test", "Test", 5, 10, c(7, 8))
)

server <- function(input, output, session) {

}

shinyApp(ui, server)

demo

关于r - 如何在 Shiny 应用程序的范围 slider 的每一侧显示不同的颜色?当你在任一侧滑动时,颜色也应该自动填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54659483/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com