サブグラフの作成

サブグラフは、組み込みグラフを含むノードです。Subgraph は、Node から派生するため、標準ノードと同様にラベルを設定できます。組み込みグラフは、getGraph 関数を使用して取得できます。その後、最上位のグラフと同様に、組み込みグラフにノードおよびリンクを追加できます。
サブグラフを作成するには、次のようにします。
  • 以下のコードに示されているように、graph.createSubgraph() 関数を使用します。
    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);
結果のグラフは、次のようになります。
「ノード 1」、「ノード 2」、「ノード 3」、「ノード 4」の 4 つの長方形ノードで構成されるグラフ。「ノード 1」はグラフの左側、「ノード 2」は上部、「ノード 3」は下部、「ノード 4」は右側にあります。「ノード 1」は、矢印に先端のついたリンクにより、「ノード 2」および「ノード 3」に接続されています。「ノード 2」および「ノード 3」は、矢印に先端のついたリンクにより、「ノード 4」に接続されています。「ノード 4」は、2 つの長方形サブノード、「サブノード 1」および「サブノード 2」を含むサブグラフとして拡張されています。「サブノード 1」は矢印によって「サブノード 2」にリンクされています。
サブグラフは、- または + アイコンを使用するか、プログラムで Subgraph.setCollapsed(collapsed, animate) (collapsed は、サブグラフを展開するか省略するかを指定し、animate は、展開または省略のアニメーションを再生するかどうかを指定します) を使用して省略または展開することができます。