En la documentación de JointJS (enlace a continuación), puedo definir un elemento personalizado simple que se basa en otros elementos básicos como Línea, Rectángulo, Enlace, etc. https://resources.jointjs.com/tutorial/custom-elements
Lo que estoy tratando de lograr es crear un Grupo (elemento personalizado) que consta de una etiqueta en la parte superior y luego una cantidad de compartimentos alineados verticalmente debajo de esa etiqueta. Un compartimento en sí mismo actúa como un contenedor, que puede contener un subdiagrama completo, que a su vez puede tener otros grupos, y así sucesivamente.
Entiendo cómo crear la etiqueta, pero estoy luchando por descubrir cómo crear los compartimentos según la descripción anterior. Todos los ejemplos que puedo encontrar hasta ahora son para elementos personalizados simples que agregan atributos adicionales a los elementos base extendidos.
Mi error, debería haber revisado mejor la documentación. El siguiente enlace explica lo requerido. Necesitamos incrustar elementos de otro elemento raíz.
https://resources.jointjs.com/tutorial/hierarchy
Este fragmento también es muy útil https://jsfiddle.net/kumilingus/xa1m5k2f/
graph.addCells([e1, a1, a2, l1]);Puede encontrar un ejemplo más que es útil en este enlace: https://resources.jointjs.com/demos/container