Aplicación de un diseño de gráficos

La mayoría de las veces, el almacén de datos no contiene ninguna información explícita acerca de la posición de los nodos en la pantalla. Para obtener una representación gráfica legible, el diagrama puede aplicar un algoritmo de diseño de gráficos que coloque los nodos automáticamente cuando se cree el gráfico.
Para especificar el algoritmo de diseño de gráficos en el código:
  • Utilice el 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 los parámetros del diseño de gráficos en JavaScript:
  • Utilice el código siguiente:
    <div dojoType="ibm_ilog.graphlayout.tree.TreeLayout" jsId="myLayout"/>        
    
       <script type="text/javascript">
            ...
          myLayout.setFlowDirection(ibm_ilog.graphlayout.Direction.RIGHT);
       </script>
    Para obtener más información sobre los algoritmos de diseño de gráficos, consulte Presentación del diseño de gráficos.