Javascript 动态图:使用一个范围选择器控制多个图形
我在一个页面上有两个图形,我希望能够用同一个RangeSelector控制它们的缩放和平移。换句话说,当我移动RangeSelector时,两个图形应该同时做出反应 我的第一个图表中的值是介于2和20之间的小数字,而我的第二个图表中的数字具有大于3000的大值。这就是我不想把两条线放在同一个图表中的原因。两个图的日期时间相同Javascript 动态图:使用一个范围选择器控制多个图形,javascript,dygraphs,Javascript,Dygraphs,我在一个页面上有两个图形,我希望能够用同一个RangeSelector控制它们的缩放和平移。换句话说,当我移动RangeSelector时,两个图形应该同时做出反应 我的第一个图表中的值是介于2和20之间的小数字,而我的第二个图表中的数字具有大于3000的大值。这就是我不想把两条线放在同一个图表中的原因。两个图的日期时间相同 g1 = new Dygraph(document.getElementById("graph1"), // For possible data
g1 = new Dygraph(document.getElementById("graph1"),
// For possible data formats, see http://dygraphs.com/data.html
// The x-values could also be dates, e.g. "2012/03/15"
"X,Y\n" +
"1,4\n" +
"2,2\n" +
"3,4\n" +
"4,6\n" +
"5,8\n" +
"6,3\n" +
"7,12\n" +
"8,14\n",
{
showRangeSelector: true
});
g2 = new Dygraph(document.getElementById("graph2"),
// For possible data formats, see http://dygraphs.com/data.html
// The x-values could also be dates, e.g. "2012/03/15"
"X,Y\n" +
"1,4356\n" +
"2,4789\n" +
"3,4812\n" +
"4,5012\n" +
"5,4675\n" +
"6,4357\n" +
"7,4467\n" +
"8,5134\n",
{
// options
});
这是我的
编辑1:有一个解决方案,可以同步缩放和平移,但我仍然怀疑使用范围选择器这是否可行我已经使用动态图表几个月了,我遇到了同样的问题。答案是这是可能的 同步多个动态图的缩放后,范围选择器也将同步。我想做的是显示没有范围选择器的所有图形,并且在底部只有一个范围选择器,以便同时控制所有图形。我的解决方案是创建一个额外的空动态图,该动态图也与其余动态图同步,并在该图中添加范围选择器。我的结果如所附图片所示
感谢您分享此解决方案。您能看到此链接吗,因为我面临同样的问题。