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

问题描述

我正在使用此来源https://bl.ocks.org/mbostock/1062288进行力定向可折叠。一切顺利，我可以调整圆的大小，重力等，但是当我向圆中添加文字时，最终该圆就变成静态（无法拖动），如该图所示， static 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);
 
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",click)
  .call(force.drag);
 
circle.append("text")
  .attr("x",function(d) { return d.y; })
  .text(function(d) { return d.name; });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）