d3.js добавляет действие щелчка к кругу макета силы?

Question

Я работаю над созданием неориентированного графика с компоновкой силы. Кроме того, я пытаюсь изменить цвет каждого круга (узла) с помощью события click. Есть ли идея добавить такое событие в элементы окружности. Я набираю этот код, но он не работает.

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

Answer 1

select(d) ссылки на данные, а не на элемент. Вы должны 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) дает мне исключение DOM. d3.select(this) работает для меня. Вы также можете использовать d3.event.target для доступа к элементу DOM, на который нажата кнопка.