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

使用angular 5，我需要画一棵水平树

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

到目前为止，我已经实现了这些框，但不知道如何画出这些线，在它们扩展时将绑定到这些框

---

我试着用d3js。但由于我是d3新手，如果您能告诉我哪种函数或方法适合于这种线，我将非常高兴。您可以使用素数水平树，它提供了与您绘制的结构相同的结构。链接是。 我找到的另一个库是ngx graph。请使用以下链接。

---

使用expand/collapse初始化水平表的图像。

我不知道d3.js，但您可以尝试初始化tree。水平树有一个选项。使用primefaces，我可以画出也会随可展开框移动的线吗@pArthsavadiyaNo，但有可用的拖放功能。