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

Question

我有一个带有滑动限制的范围滑块，我需要重新绘制滑块灰色部分是这样的 rangeslider example

如果我从布局中保存范围值并恢复它，它会影响顶部和底部的 xaxis 范围，所以它是不正确的。也许类似限制范围的东西？

Answer 1

这是最近在 v1.10.0 release (specifically, this 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
    }
  }
}

默认情况下，范围滑块会覆盖整个数据范围，但是通过指定 rangeslider.range，您可以限制此范围。我们想让界面熟悉 "regular" 范围，因此 xaxis.range 仍会设置可见绘图范围，滑块也会相应地运行。

例如，this mock data creates this image，这些目录中还有一些其他示例也使用了范围滑块。

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

plotly rangeslider how to restore the limit bar on the slider

javascript

plotly

rangeslider