javascript - 如何在 D3 可缩放包布局中隐藏标签的重叠文本？

Question

我正在使用 D3 网站上提供的可缩放包布局：http: //mbostock.github.io/d3/talk/20111116/pack-hierarchy.html

显示布局时会显示圆圈的所有标签。

问题是对于靠近在一起的小圆圈，标签重叠。我想知道是否有办法隐藏标签的重叠文本？

我已阅读有关“foreignobject”的信息，但如果这是答案，我不确定如何以及在何处将其合并到代码中。

Answer 1

您可以根据层次结构的级别、圆的半径或两者的组合来限制文本的显示。两者都在包输出中。使用标题作为悬停细节。