gráficos D3 Directed

Question

He utilizado el siguiente ejemplo para generar gráficos dirigidos

http://bl.ocks.org/1153292

Quiero añadir un evento de clic de forma que cuando el usuario hace clic en un nodo, el título del nodo se muestra

hasta ahora lo hice

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"); 

}; 

favor aconsejarme cómo mostrar que

Answer 1

Puede utilizar el .on() el fin de tener un evento de clic

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

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