d3.js aggiungendo azioni di clic a un cerchio del layout di forza?

Question

Sto lavorando per creare un grafico non orientato con layout di forza. Inoltre, provo a scacciare il colore di ogni cerchio (nodo) con l'evento click. C'è qualche idea di aggiungere tale evento agli elementi del cerchio. Sto scrivendo questo codice ma non funziona.

vis.selectAll("circle.node").on("click", function(d){ 
    vis.select(d).attr(r, 25) 
    .style("fill","lightcoral") 
    .style("stroke","red"); 
}); 

Answer 1

select(d) fa riferimento ai dati, non all'elemento. È necessario select(this)

vis.selectAll("circle.node").on("click", function(){ 
      d3.select(this).attr('r', 25) 
       .style("fill","lightcoral") 
       .style("stroke","red"); 
     }); 

Answer 2

vis.select(this) mi dà un'eccezione DOM. d3.select(this) funziona per me. È inoltre possibile utilizzare d3.event.target per accedere all'elemento DOM su cui si fa clic.