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();
});

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