Javascript 使用相对的SVG宽度和高度在中心节点周围均匀分布节点

我正在玩

D3

库，下面是设置节点坐标的代码片段：

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; })
  .style("fill", color)
  .on("click", click)
  .on('mouseover', tip.show)
  .on('mouseout', tip.hide)
  .call(force.drag);

看法

---

我希望将子节点均匀地分布在父节点周围，以使数据分布最大化SVG的空间-尽管尝试调整

“cy”

和

“cx”

属性，并通过

“r”增加单个节点的大小，但这些节点当前聚集在一起

属性。

为了解决这个问题，我更新了

强制布局

上的两个默认方法属性，它们是和

之前

之后

---

感谢@Mark对.

的引用，您是否只想增加-docs？啊，是的，这与方法一起工作。

var force = d3.layout.force()
.linkDistance(80)
.charge(-500);