d3.js 将单击操作添加到强制布局圆？

Question

我正在努力创建一个具有力布局的无向图。此外，我尝试通过单击事件更改每个圆圈（节点）的颜色。有没有什么想法可以在圆形元素上添加此类事件。我尝试了这段代码，但它不起作用。

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

Answer 1

select(d) 引用数据，而不是元素。您需要选择（此）

 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 元素。