onclick - nvd3.js:无法将onClick事件与svg中的数据点绑定(bind)

我试图将数据点与onclick事件绑定在一起，以便可以显示带有一些其他详细信息和链接的覆盖框。我正在使用.nv-point类访问数据点。问题是我无法将onclick事件注册到这些数据点。

这是代码：

d3.selectAll(".nv-point").on("click",function(){
    alert("clicked");
    //do something more
});

这是jsFiddle中的演示

最佳答案

您可以轻松地将点击处理程序附加到“圆”或lineChart上的节点，如下所示：

 chart.lines.dispatch.on('elementClick', function(e) {
     alert("You've clicked on " + e.series.key + " - " + e.point.x);
 });

在上面的示例中，这将显示（该行的）“键”以及您单击的节点的确切x值。我发现在警报行上设置断点非常有用，并使用Chrome / FF / etc开发人员工具检查e对象，以便您可以确切地看到可用的数据以及如何访问它们。