onclick - nvd3.js : unable to bind onClick event with the data points in the svg

Question

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

这是代码:

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

这是 jsFiddle 中的演示

Answer 1

经过一番折腾，这似乎对我有用:

d3.select("#mainGraph svg").selectAll(".nv-point").style("pointer-events", "all").on("click", function( e ) { console.log( JSON.stringify( e ) ); });

基本上，我所做的与您最初尝试的区别只是重置覆盖样式表以打开指针事件，即 style("pointer-events", "all")。