Ir al contenido

Ejemplo: Organigrama

Un organigrama es un TreeLayout con nodos que combinan nombre + cargo y un TreeExpanderButton para colapsar ramas completas.

Edita el código y pulsa Run
  • Los datos usan parent para expresar la jerarquía (ver Árboles).
  • El template de nodo es un Panel('Horizontal') con una tarjeta (Auto + RoundedRectangle + nombre/cargo en un Panel('Vertical')) y el botón expansor al lado.
  • diagram.layout = new go.TreeLayout({ nodeSpacing, layerSpacing }) ordena el árbol; los enlaces usan routing: 'orthogonal' para las líneas en ángulo recto típicas de un organigrama.
  • Pulsa el botón “−”/“+” de cualquier jefatura para colapsar o expandir a su equipo.

Para adaptarlo a tu propio equipo, cambia nodeDataArray — cada persona es { key, parent, name, title }.