Javascript 如何在强制可折叠布局d3.js中将文本添加到圆形中

我正在用这个来源研究力导向的可折叠。它进行得很顺利，我可以调整圆圈的大小、重力等，但当我向圆圈中添加文本时，圆圈最终变得静止（无法拖动），如图所示，

这是我添加文本的代码

node.enter().append("circle")
  .attr("class", "node")
  .attr("cx", function(d) { return d.x; })
  .attr("cy", function(d) { return d.y; })
  .attr("r", function(d) { return Math.sqrt(d.size) / 10 || 4.5; })
  .style("fill", color)
  .on("click", click)
  .call(force.drag);
 
node.enter().append("text")
  .attr("x", function(d) { return d.x; })
  .attr("y", function(d) { return d.y; })
  .text(function(d) { return d.name; });

我也尝试过这个代码，但没有成功

var circle = node.enter().append("circle")
  .attr("class", "node")
  .attr("cx", function(d) { return d.x; })
  .attr("cy", function(d) { return d.y; })
  .attr("r", function(d) { return Math.sqrt(d.size) / 10 || 4.5; })
  .style("fill", color)
  .on("click", click)
  .call(force.drag);
 
circle.append("text")
  .attr("x", function(d) { return d.x; })
  .attr("y", function(d) { return d.y; })
  .text(function(d) { return d.name; });