如何使用d3js包装布局调整父圆半径

Question

是否可以使用d3js包装布局调整父级圆圈的大小而不依赖其包含的子级？

我正在使用d3js包布局显示圆圈层次结构。每个圆圈代表一个销售组。嵌套在其中的圈子是儿童销售组。每个组的总销售额均以圆圈半径表示。包括父母在内的每个团体都可以拥有自己的销售额。

我意识到比例可能不准确，但我想调整父母的圈子的半径以及表明父母组有自己的销售。

我目前正在设置孩子的父母大小独立，但这似乎被忽略，因为父母的半径是由它所包含的孩子决定的。

是否可以在包装布局中调整父半径？

我没有看到这样类似的问题：

D3JS packed circle layout, padding in relation to parent

但它并没有一个明确的答案。

Answer 1

计算圆的位置和半径，并由pack.nodes()函数返回。通常，你会直接给.data()函数，然后根据它来绘制元素，但是没有任何东西阻止你改变返回值。返回值为pack.nodes()的每个元素都有一个属性parent，如果它是顶级圆圈，并且属性r确定半径，则该属性将为空。

实现你想要的最简单的方法是简单地改变包装布局返回的顶级圆的半径。也就是说，如果parent为空，则迭代节点数组并更改半径。