d3.js - D3有向グラフ

Question

次の例を使用して、有向グラフを生成しました

http://bl.ocks.org/1153292

ユーザーがノードをクリックしたときにノードの見出しが表示されるように、クリックイベントを追加したい

これまで私はこれをしました

var circle = svg.append("svg:g").selectAll("circle")
    .data(force.nodes())
  .enter().append("svg:circle")
    .attr("r", 6)
    **.on("mouseup", disp)**
    .call(force.drag);
     ;

function disp() {
    alert("Display the heading of the node clicked here");

};

それを表示する方法を教えてください

Answer 1

.on()クリックイベントを発生させるために を使用できます

circle.on("click", function(d) {
    alert(d.name)
})

jsFiddle: http://jsfiddle.net/chrisJamesC/HgHqy/