如何在D3JS中设置Circle Pack的最小半径？

Question

任何人都可以指导我如何修改https://bl.ocks.org/mbostock/4063269，方式是圆圈的最小半径？

如果圆圈的半径非常小，则隐藏内部文本，我想避免使用。

Answer 1

您可以使用不同的方法设置圆圈的最小尺寸。这个回答涉及pack.radius：

  

如果指定了radius，则将pack layout的radius访问器设置为指定的函数并返回此包布局。

首先，我们设定一个比例。您可以看到此处的最小值为20（最大值为50）：

var sizeScale = d3.scaleSqrt()
   .range([20,50]);

然后，我们在pack.radius中使用该比例：

pack.radius(d=>sizeScale(d.value));        

以下是使用您链接的相同代码的演示，来自Mike Bostock：https://bl.ocks.org/anonymous/9590a06db119c7a67acdfd3c5b5f1e0a