javascript - NVD3.js 在鼠标悬停事件处突出显示图形点

Question

当我将鼠标移到另一个图表上时，如何突出显示折线图上的点。

当我将鼠标移到一个图表上以将所选数据发送到另一个图表以突出显示另一个图表中的点时，我需要来自该图表的信息。

例如图 1 的鼠标悬停位置为 x:3 y:5。它触发一个事件来突出显示另一条图表线。然后在图表 2 中突出显示 x:3 y:5 值。

Answer 1

我明白了。您需要在“elementMousemove”事件上向原始图表添加事件调度。在这种情况下，您需要突出显示其他图表上所需的值。

chart.interactiveLayer.dispatch.on('elementMousemove.name', function(e) {
      chart2.lines.clearHighlights();
      chart2.lines.highlightPoint(0,parseInt(xIndex),true); 
});
chart.interactiveLayer.dispatch.on('elementMouseout.name', function(e) {
            chart2.lines.clearHighlights();
});

chart 中任何 mosemove 事件的代码都将清除之前的突出显示，并突出显示 chart2 中 line = '0' 和指定 XIndex 处的点。