Events NVD3.js在鼠标悬停事件中突出显示图形点

当将鼠标移到另一个图形上时，如何高亮显示折线图上的点

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

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

e、 图1在x:3 y:5有一个鼠标盖。它触发一个事件以突出显示另一条图表线。

---

然后在图2中突出显示x:3y:5值。

我算出了。您需要将事件分派添加到“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事件上带有on的代码将清除前面的突出显示，并突出显示

图表2

中行='0'处的点和指定XIndex处的点

使用Angularjs-nvd3-DIRECTITIONS处理同一问题的对象

$scope.$on（'tooltipShow.directive'，函数（angularEvent，event）{
$scope.selectedChartData=[]；
angularEvent.targetScope.$parent.event=事件；
angularEvent.targetScope.$parent.$digest（）；
index=xIndex；//参见上面的答案
angularEvent.targetScope.chart.lines.clearHighlights（）；
angularEvent.targetScope.chart.lines.highlightPoint（0，parseInt（index），true）；
递归检查先前同级（angularEvent.targetScope，索引）；
递归检查嵌套（angularEvent.targetScope，索引）；
});
函数递归检查先前同级（targetScope，索引）{
//退出条件
if（targetScope.$$prevSibling==null）{
targetScope.chart.lines.clearHighlights（）；
targetScope.chart.lines.highlightPoint（0，parseInt（index），true）；
}
否则{
targetScope.$$prevSibling.chart.lines.clearHighlights（）；
targetScope.$$previsibling.chart.lines.highlightPoint（0，parseInt（index），true）；
递归检查前同级（targetScope.$$PreviousSibling，索引）；
}
};
函数递归checknextsibling（targetScope，index）{
//退出条件
if（targetScope.$$nextSibling==null）{
targetScope.chart.lines.clearHighlights（）；
targetScope.chart.lines.highlightPoint（0，parseInt（index），true）；
}
否则{
targetScope.$$nextSibling.chart.lines.clearHighlights（）；
targetScope.$$nextSibling.chart.lines.highlightPoint（0，parseInt（index），true）；
递归检查嵌套（targetScope.$$nextSibling，索引）；
}
};@DanM我把问题解决了。我只是在nvd3中找不到任何关于事件和突出显示的内容，所以只需发布问题和答案供大家知道。：）