Javascript 将OnClick事件添加到D3 force布局图

我正在尝试向force布局图的节点添加OnClick事件，但当我尝试单击它们时，什么也没有发生。我认为这是因为我没有使用svg元素，.on（“click”，click）只适用于svg元素，但我并不完全确定。以下是我试图实现的代码：

var node = svg.selectAll(".node")
.data(nodes)
  .enter().append("circle")
.attr("r",function(d) {return d.size})
  .style("fill",function(d) {return color(d.type);})
.on("click", click)
  .call(force.drag);

  node.append("title")
  .text(function(d){return d.name;});

  force.on("tick", function(){
  node.attr("cx", function(d){return d.x;})
    .attr("cy", function(d) {return d.y;});

  link.attr("x1", function(d){return d.source.x;})
    .attr("y1", function(d){return d.source.y;})
    .attr("x2", function(d){return d.target.x;})
    .attr("y2", function(d) {return d.target.y;});
});


function click() {
   d3.select(this).select("circle").transition()
     .duration(750)
     .attr("r", 30)
     .style("fill", "lightsteelblue");
      }

当我试着点击一个节点时，什么也没发生。我不知道该怎么办。我认为问题在于：

.enter().append("circle")

---

我认为它应该是一个svg元素，比如（“g”）或（“svg”），但我想不出来。如有任何意见或建议，将不胜感激。谢谢

您有一个额外的

。在
单击（）中选择（“圆圈”）
。相反，它应该从以下内容开始：

function click(){
    d3.select(this).transition()...
}

我认为您不需要
。请在
click（）
中选择（“圆圈”）
。拖动是否起作用，只是过渡不起作用？如果你有心脏病，可能更容易诊断。你是对的。没有必要使用.select（“圆”）。谢谢伟大的那是唯一的问题吗？是的，那是唯一的问题。我正在尝试让名字出现在点击按钮上。好的，我发布了评论作为答案。如果您有其他问题，您可以随时将其作为不同的问题发布。