Aplicando um Layout de Gráfico

Na maioria das vezes, o armazenamento de dados não contém nenhuma informação explícita referente à posição de nós na tela. Para obter uma representação gráfica legível, o Diagram pode aplicar um algoritmo de layout de gráfico que posiciona os nós automaticamente, depois que o gráfico foi criado.
Para especificar o algoritmo de layout de gráfico na marcação:
  • Use o atributo nodeLayout:
    <div dojoType="ibm_ilog.graphlayout.tree.TreeLayout" jsId="myLayout"/>        
        
       <div id="canvas" dojoType='ibm_ilog.diagram.widget.Diagram' nodeLayout="myLayout"  automaticNodeLayout="true" ... >
       </div>
Para modificar os parâmetros do layout de gráfico em JavaScript:
  • Use o seguinte código:
    <div dojoType="ibm_ilog.graphlayout.tree.TreeLayout" jsId="myLayout"/>        
    
       <script type="text/javascript">
            ...
          myLayout.setFlowDirection(ibm_ilog.graphlayout.Direction.RIGHT);
       </script>
    Para mais informações sobre algoritmos de layout de gráfico, consulte Introdução ao Layout de Gráfico.