Desplazamiento

El widget Diagram incluye un encuadre cuyo contenido es con frecuencia mayor que el propio encuadre. El diagrama tiene dos barras de desplazamiento que representan la región del contenido navegable que actualmente es visible. El contenido navegable es el área cubierta por el gráfico más un espacio circundante opcional denominado aire del contenido.
Para navegar por este contenido también puede utilizar los mecanismos de desplazamiento y zoom. Por desplazamiento se entiende mover el encuadre para visualizar otras áreas del contenido, lo que normalmente puede realizarse con las barras de desplazamiento.
Para desplazar el gráfico:
  • Pulse y mantenga presionada la tecla Mayús, seleccione el diagrama y mueva el cursor. El contenido del encuadre se mueve, junto con las barras de desplazamiento. El proceso finaliza cuando se suelta el botón del ratón.
Para activar la función de desplazamiento (combinación de Alt, Control y Mayús):
  • Utilice el método siguiente:
    assignInteractorInputs( "pan", spec )
    En el código siguiente se configura la acción de desplazamiento sólo en el caso de que se pulse el botón izquierdo del ratón mientras se mantienen pulsadas las teclas Control y Mayús.
    dijit.byId("myDiagram").assignInteractorInputs("pan",{start:{button:0,ctrl:true,shift:true}});
    En el código siguiente se configura la acción de desplazamiento cuando el usuario inicia una acción de arrastrar en una forma de gráfico.
    dijit.byId("myDiagram").setPanOnShapes(true);
    Esta opción está habilitada de forma predeterminada, pero puede inhabilitarse si la acción de arrastrar formas puede entrar en conflicto con las configuraciones de desplazamiento.
Para inhabilitar la función de desplazamiento:
  • Establezca el atributo pan en false o utilice el método setPanEnabled en el objeto Diagram.