Angular Chart Synchronization

    El gráfico de datos Ignite UI for Angular permite la sincronización con respecto a la coordinación de eventos de zoom, panorámica y retícula entre varios gráficos. Esto puede ayudarle a visualizar las mismas áreas de varios gráficos, suponiendo que sus fuentes de datos sean similares o iguales con respecto a los ejes.

    Ejemplo de sincronización de gráficos de Angular

    Este ejemplo muestra la sincronización de dos gráficos de datos Angular:

    EXAMPLE
    DATA
    MODULES
    TS
    HTML
    SCSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Angular completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Propiedades de sincronización de gráficos

    Hay cuatro opciones de sincronización de gráficos: puede sincronizar solo horizontalmente, solo verticalmente, ambas o puede elegir no sincronizar en absoluto, que es la opción predeterminada.

    Si desea sincronizar un conjunto de gráficos, puede asignarles el mismo nombre a la propiedad SyncChannel y luego especificar si sincronizar o no los gráficos horizontal y/o verticalmente estableciendo las propiedades SynchronizeHorizontally y SynchronizeVertically en el valor booleano correspondiente.

    Tenga en cuenta que para sincronizar vertical y/u horizontalmente, deberá establecer la propiedad isHorizontalZoomEnabled y/o isVerticalZoomEnabled en true, respectivamente. Un gráfico sincronizado que depende de otro gráfico seguirá haciendo zoom independientemente de la configuración de esta propiedad.

    Referencias de API

    La siguiente es una lista de miembros de API mencionados en las secciones anteriores: