添加具有最小和最大日期flot图表的滚动条

时间:2013-08-09 12:49:36

标签: jquery flot

我有一个使用导航插件和箭头的flot图表 - 100px朝他们想去的方向。我希望能够做的是将箭头的点击更改为滚动条,可以将其设置为图形的最小和最大日期。

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

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

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

由于

1 个答案:

答案 0 :(得分:0)

我不知道公开实施,但this forum question也问了同样的事情。

我在那篇文章中的建议是正常创建情节,然后在它下面添加一个与绘图宽度相同的div,并且高度足以容纳滚动条。你可以将overflow-x设置为'scroll'并将overflow-y设置为'hidden'。在该div中,您将放置另一个div,其宽度对应于数据的总宽度,即大于占位符的大小。

然后,您将能够收听滚动事件并根据条形图的位置更新图表。