Skip to content

Árboles

Para estructuras jerárquicas, usa un campo parent en los datos y TreeLayout para ordenar el árbol.

Edita el código y pulsa Run

Los datos usan parent para indicar el nodo padre:

{ key: 4, parent: 2, label: 'Nivel 3a' }

TreeLayout ordena automáticamente según la profundidad.

  • diagram.findTreeRoots() — nodos sin padre.
  • node.findTreeParentNode() — el padre.
  • node.findTreeChildrenNodes() — los hijos.
  • node.isTreeLeaf() — sin hijos.

Con Group.isSubGraphExpanded y diagram.collapseGroup/expandGroup puedes hacer subárboles colapsables. Prueba a cambiar nodeSpacing en el layout.