D3、更改可折叠树属性的样式

问题描述

我正在尝试使用 d3 制作 OrgChart,我决定使用这棵树 Collapsible tree,所以我想删除圆圈并在树上应用我自己的样式,例如为每个标题添加边框、更改背景颜色和等等...

有什么办法可以做到吗?如果没有,您是否建议使用其他方法来创建交互式组织结构图?

解决方法

您不能为文本添加边框和背景,至少不能直接添加。

您可以在文本元素后面添加一些矩形并根据需要设置它们的样式。

这种方法的问题在于您需要计算每个元素的文本大小,以便正确调整矩形的大小。

您可以尝试并在此处发布您的具体问题。