d3.js中气泡图中的动态直径

Question

这里http://bl.ocks.org/mbostock/4063269直径= 960。根据我的节点大小动态调整这个直径。想要随着节点数量的增加和减少而改变大小的增加和减少。我尝试了不同的方法但是不能得到。

Answer 1

如果我正确理解您的问题，您希望整个可视化的宽度和高度根据节点的数量/大小动态更改。

d3.layout.pack()无法做到这一点。但是，您可能想知道每个节点的半径实际上是根据布局的size动态计算的：

  

pack.radius（[半径]）

     

如果指定了radius，则设置radius函数以计算每个节点的半径。如果radius为null，则默认情况下，半径由节点值自动确定，缩放以适合布局大小。如果未指定radius，则返回当前radius函数，默认为null。对于均匀圆周大小，半径也可以指定为常数。

https://github.com/mbostock/d3/wiki/Pack-Layout#radius

因此，默认情况下未指定# pack.radius([radius])，给定固定大小的布局，节点将始终适合布局。