使用nvd3同步多个图形

时间:2013-08-28 17:35:45

标签: javascript javascript-events graph d3.js

我在页面上有两个共享相同X轴的基本折线图。我想要完成的是同步这些图形,以便当将鼠标悬停在一个图形上的某个点上时,在第二个图形上触发相同的悬停事件。

到目前为止,我已经想出了如何通过以下方式收听事件:

chart.lines.dispatch.on('elementMouseover.tooltip', function(e) {
    // Need to trigger same event on the xAxis of a separate graph
});
通过nvd3和d3源代码挖掘并没有带来任何关于如何实现这一目标的启示。

1 个答案:

答案 0 :(得分:0)

我想这样的事情应该有效。

chart1.lines.dispatch.on('customEvent', chart2.lines.dispatch.customEvent);