React Chart Synchronization

    El gráfico de datos Ignite UI for React permite la sincronización con respecto a la coordinación de eventos de zoom, desplazamiento y cruceta entre varios gráficos. Esto puede ayudarlo 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 React

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

    EXAMPLE
    TSX

    ¿Te gusta este ejemplo? Obtén acceso a nuestro kit de herramientas completo Ignite UI for React y comienza a crear tus 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.

    Ignite UI for React | CTA Banner

    Referencias de API

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