onclick - nvd3.js : onClick イベントを svg のデータポイントにバインドできません

Question

追加の詳細とリンクを含むオーバーレイボックスを表示できるように、データポイントを onclick イベントにバインドしようとしています。クラスを使用し.nv-pointてデータポイントにアクセスしています。問題は、onclick イベントをそれらのデータポイントに登録できないことです。

コードは次のとおりです。

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

score 6 · Accepted Answer

いろいろいじった後、これは私にとってはうまくいくようです：

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

基本的に、私が行ったこととあなたが最初に試みたこととの違いは、スタイルシートをオーバーライドしてポインターイベントをオンにすることです。つまり、style("pointer-events", "all").`

score 4 · Accepted Answer

ラインプロットは、クラス nv-line を持つ svg ラインで作成されます。オリジナルの jsFiddle のフォークはこちら: http://jsfiddle.net/pnavarrc/qzwkn/1/

d3.selectAll(".nv-line").on("click", function () {
    alert("clicked");
});

nvd3 のソースコードを確認したい場合:

score 2 · Accepted Answer

引数を追加するだけで、データポイントにリンクできます。私の場合、各データポイントのハイパーリンクを試みていました。引数には値が渡され、必要に応じてハイパーリンクを更新するために使用できます。

d3.selectAll(".nv-point").on("click", function (e) {    

alert(e[0].values[0]);
});

onclick - nvd3.js : onClick イベントを svg のデータ ポイントにバインドできません