jquery - 添加带有最小和最大日期浮动图表的滚动条

Question

我有一个浮动图表，它使用导航插件和箭头在他们想要去的方向上平移 100 像素。我想要做的是将箭头的单击更改为滚动条，该滚动条可以设置为图表的最小和最大日期。

这可以通过滚动条控制这个图表吗？这是单击时执行的当前代码：

 .click(function (e) {
e.preventDefault();
plotLines.pan(offset); 
 });

其中偏移量为 +100 或 -100px。如果日期范围出现在图表上该窗口中可见的内容上会很好，但这是不可能的。

谢谢

Answer 1

我不知道公共实施，但这个论坛问题问了同样的事情。

我在那篇文章中的建议是照常创建绘图，然后在其下方添加一个与绘图宽度相同的 div，并且足够高以容纳滚动条。您可以将其溢出-x 设置为“滚动”，将溢出-y 设置为“隐藏”。在该 div 中，您将放置另一个 div，其宽度对应于数据的整体宽度，即大于占位符的大小。

然后，您将能够侦听滚动事件并根据条形图的位置更新绘图。