plotlyiderlider如何恢复滑块上的限制条

时间:2016-05-18 17:11:23

标签: javascript plotly rangeslider

我有一个滑动限制的滑雪者,我需要重新绘制滑块 像这样的灰色部分。 rangeslider example

如果我从布局中保存范围值并将其恢复,则会影响 顶部和底部的x轴范围,所以它不对。也许 像限制范围?

1 个答案:

答案 0 :(得分:4)

这是最近在v1.10.0版本中添加的功能(具体为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,您可以限制此范围。我们希望保持界面熟悉“常规”范围,因此xaxis.range仍将设置可见的绘图范围,滑块将相应地运行。

例如,this mock data创建this image,并且在这些目录中还有一些使用范围滑块的示例。