plotly rangeslider 如何恢复滑块上的限制栏

mei*_*mei 1 javascript rangeslider plotly

我有一个带有滑动限制的范围滑块,我需要像这样用灰色部分重新绘制滑块。范围滑块示例

如果我从布局中保存范围值并恢复它,它会影响顶部和底部的 xaxis 范围,所以它是不对的。也许像限制范围之类的东西?

小智 5

这是最近在v1.10.0版本(特别是这个 PR .

如果您想在范围滑块上设置初始选择的范围,您可以在layout对象中使用以下语法:

{
  xaxis: {
    range: [20, 30] // this is the range the *selected area* of the slider spans
    rangeslider: {
      range: [0, 100] // this is the range the *entire* slider spans
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

默认情况下,范围滑块将跨越整个数据范围,但是通过指定 a rangeslider.range,您可以限制此范围。我们想让界面熟悉“常规”范围,因此xaxis.range仍然会设置可见的绘图范围,滑块也会相应地运行。

例如,这个模拟数据创建了这个图像,这些目录中还有一些其他示例也使用范围滑块。