javascript - 两个带有同步十字线的 `dygraphs`

Question

我在此处实现了两个带有自定义选项 verticalCrosshair : true 的 dygraphs:

https://rawgit.com/danielkrizian/dygraphs/master/tests/synchronize-Crosshair.html

当我将鼠标悬停在特定 x 点的任何图表上时，我希望所有图表都显示该点的垂直十字准线。到目前为止，我已经能够像这样在顶部图表 (gs[0]) 上运行它:

highlightCallback: function(e, x, pts, row) {
  var sel = gs[0].getSelection();
  gs[1].setSelection(sel);
},

当我将鼠标悬停在底部图表上时，没有任何反应。如何使用 for 遍历所有图来概括它？

Answer 1

您应该将 dygraphs 对象放在一个数组中，并在 highlightCallback 中对其进行循环，更新除生成事件的以外的所有 dygraphs 中的选择。

一个复杂的问题是 highlightCallback 没有将 dygraph 对象作为参数。这是我希望在 dygraphs 2.0 中修复的 API 疏忽。您可以通过在设置 highlightCallback 时在闭包中捕获相关的 Dygraph 对象来解决这个问题。

参见 synchronize demo寻找灵感。