Criando Subgráficos

Subgráficos são nós contendo um gráfico integrado. Subgraph é derivado de Node, portanto, é possível configurar seu rótulo da mesma maneira que um nó padrão. É possível recuperar o gráfico integrado usando a função getGraph. É possível então incluir nós e links no gráfico integrado como no gráfico de nível superior.
Para criar um subgráfico:
  • Use a função graph.createSubgraph(), conforme mostrado no código a seguir:
    var createSubgraph = function(label, x, y){
              var subgraph = graph.createSubgraph();
              subgraph.setLabel(label);
              var subnode1 = subgraph.getGraph().createNode();
              subnode1.setLabel("Subnode 1");
              var subnode2 = subgraph.getGraph().createNode();
              subnode2.move(100, 0);
              subnode2.setLabel("Subnode 2");
              var sublink = subgraph.getGraph().createLink();
              sublink.setStartNode(subnode1);
              sublink.setEndNode(subnode2);
              subgraph.move(x, y)
              return subgraph;
          };
    
    ...
              var node4 = createSubgraph("Node 4", 500, 175);
O gráfico resultante é semelhante ao seguinte:
Um gráfico
formado de quatro nós retangulares: Nó 1, Nó 2, Nó 3, Nó 4.
O Nó 1 está localizado à esquerda, o Nó 2 na parte superior, o Nó 3 na parte inferior e
o Nó 4 à direita do gráfico. O Nó 1 está conectado ao Nó 2 e ao Nó 3 por links com uma ponta de seta. O Nó 2 e o Nó 3 estão conectados ao Nó 4 por links com uma ponta de seta. O Nó 4 é expandido como um subgráfico
que contém dois subnós retangulares: Subnó 1 e
Subnó 2. O Subnó 1 está vinculado ao Subnó 2 por uma seta.
Os subgráficos podem ser reduzidos e expandidos clicando em seus ícones - ou +, ou programaticamente usando Subgraph.setCollapsed(collapsed, animate), em que collapsed especifica se o subgráfico será expandido ou reduzido e animate especifica se será reproduzida uma animação de expansão ou de redução.