グラフ・レイアウトの適用

多くの場合、データ・ストアには、画面上のノード位置に関する明示的な情報は含まれません。理解しやすいグラフ表現を得るため、 Diagram はグラフが作成されると自動的にノードを配置するグラフ・レイアウト・アルゴリズムを適用することができます。
マークアップにグラフ・レイアウト・アルゴリズムを指定するには、次のようにします。
  • nodeLayout 属性を使用します。
    <div dojoType="ibm_ilog.graphlayout.tree.TreeLayout" jsId="myLayout"/>        
        
       <div id="canvas" dojoType='ibm_ilog.diagram.widget.Diagram' nodeLayout="myLayout"  automaticNodeLayout="true" ... >
       </div>
JavaScript 内のグラフ・レイアウトのパラメーターを変更するには、次のようにします。
  • 以下のコードを使用します。
    <div dojoType="ibm_ilog.graphlayout.tree.TreeLayout" jsId="myLayout"/>        
    
       <script type="text/javascript">
            ...
          myLayout.setFlowDirection(ibm_ilog.graphlayout.Direction.RIGHT);
       </script>
    グラフ・レイアウト・アルゴリズムについて詳しくは、グラフ・レイアウト概説を参照してください。