如何使用可扩展div绘制动态水平树？

Question

使用角度5，我需要绘制一个水平树。

我必须实现那些应该具有动态的行，因为每个框都可以扩展。

到目前为止，我已经实现了这些方框但不知道如何绘制那些在扩展时将绑定到框的行。

我正在尝试使用d3js。但是因为我是d3中的新手，如果你能给我一个关于哪种功能或方法适合这种行的想法，我会很高兴

Answer 1

您可以使用primeng水平树，它可以提供您绘制的相同结构。链接是https://www.primefaces.org/primeng/#/tree。 我找到的另一个库是ngx-graph。请使用以下链接。 https://swimlane.github.io/ngx-graph/

具有展开/折叠的primeng水平表的图像。