Creación de carriles

Los carriles son un tipo especial de subgráfico que se utiliza para dividir un gráfico en bandas verticales u horizontales. Los carriles suelen utilizarse en procesos empresariales o en diagramas de flujo de trabajo para representar las organizaciones o los participantes en un proceso.
Para crear carriles:
  • Utilice la función graph.createSwimLane().
    En el ejemplo siguiente se muestra cómo crear carriles:
    var swimlane1 = graph.createSwimLane();
          swimlane1.setLabel("Swim lane 1");
          swimlane1.move(40, 40);
          swimlane1.setExplicitSize({width:600, height:100});
          
          var node1 = swimlane1.getGraph().createNode();
          node1.setLabel("Node 1");
          node1.move(30, 30);
          
          var node2 = swimlane1.getGraph().createNode();
          node2.setLabel("Node 2");
          node2.move(160, 30);
          
          var link1 = swimlane1.getGraph().createLink();
          link1.setStartNode(node1);
          link1.setEndNode(node2);
    
           var swimlane2 = graph.createSwimLane();
          swimlane2.setLabel("Swim lane 2");
          swimlane2.move(40, 180);
          swimlane2.setExplicitSize({width:600, height:100});
          
          var node3 = swimlane2.getGraph().createNode();
          node3.setLabel("Node 3");
          node3.move(330, 30);
          
          var node4 = swimlane2.getGraph().createNode();
          node4.setLabel("Node 4");
          node4.move(460, 30);
          
          var link2 = swimlane2.getGraph().createLink();
          link2.setStartNode(node3);
          link2.setEndNode(node4);
    
          var link3 = graph.createLink();
          link3.setStartNode(node2);
          link3.setEndNode(node3);
          link3.setShapeType(ibm_ilog.diagram.LinkShapeType.Orthogonal);
El aspecto del gráfico resultante es el siguiente:
Gráfico
que muestra dos carriles horizontales, Carril 1 y Carril 2. Carril 1
contiene dos nodos rectangulares, Nodo 1 y Nodo 2, conectados
mediante un enlace. Carril 2 contiene dos nodos rectangulares, Nodo 3
y Nodo 4, conectados mediante un enlace. Un enlace también conecta
Nodo 3 en Carril 1 con Nodo 3 en Carril 2.
Los carriles son parecidos a los subgráficos, con las diferencias siguientes:
  • Los carriles puede ser horizontales o verticales:
    • El título de un carril horizontal se muestra verticalmente, a la izquierda (como en el ejemplo anterior) o a la derecha. Para visualizar el título a la derecha, utilice el método siguiente:
      swimlane.setRightToLeft(true); 
    • El título de un carril vertical siempre se muestra horizontalmente, en la parte superior. Para crear un carril vertical, utilice el método siguiente:
      swimlane.setVertical(true); 
  • Los carriles no adaptan su tamaño automáticamente a sus hijos. El tamaño de un carril debe establecerse explícitamente utilizando el método siguiente:
    swimlane.setExplicitSize({width:w, height:h});
  • Como los carriles no se adaptan a su contenido, no es posible mover nodos de forma interactiva fuera de los límites del carril de sus padres.
  • Los carriles puede contener otros carriles. En este caso, los carriles anidados se apilan automáticamente en el carril padre. Los carriles anidados se apilan verticalmente si el carril padre es horizontal y horizontalmente si el carril padre es vertical. Para inhabilitar el apilado automático, utilice el método siguiente:
    swimlane.setStackSublanes(false);
  • Cuando los carriles forman parte de un gráfico conectado a un algoritmo de diseño de gráficos jerárquico, IBM® ILOG® Dojo Diagrammer configura automáticamente el diseño para tener en cuenta los carriles (véase Diseño jerárquico (DJ) ).