使用 JointJS 的分层堆叠元素

Hierarchical stacked element using JointJS

在 JointJS 文档(下面的 link)中,我能够定义一个简单的自定义元素,该元素由其他基本元素驱动,例如直线、矩形、Link 等 https://resources.jointjs.com/tutorial/custom-elements

我想要完成的是创建一个组(自定义元素),其中包含顶部的标签,然后是该标签下方垂直对齐的多个隔间。隔间本身就是一个容器,里面可以包含一个完整的子图,子图本身可以有其他的Groups等等。

我知道如何创建标签,但我正在努力寻找如何根据上述描述创建隔间。到目前为止我能找到的所有示例都是针对简单的自定义元素,这些元素将附加属性添加到扩展的基本元素中。

我的错,我应该更好地检查文档。下面的 link 解释了必需的。我们需要嵌入另一个根元素的元素。

https://resources.jointjs.com/tutorial/hierarchy

这段代码也很有帮助 https://jsfiddle.net/kumilingus/xa1m5k2f/

graph.addCells([e1, a1, a2, l1]);

另一个 os 有用的例子,可以在这个 link 中找到: https://resources.jointjs.com/demos/container