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:
¿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.
Referencias de API
La siguiente es una lista de miembros de API mencionados en las secciones anteriores: