Animaciones de gráficos React
Las animaciones le permiten facilitar la serie a medida que carga una nueva fuente de datos. La animación disponible difiere según el tipo de serie de que se trate. Por ejemplo, la serie de columnas se anima al elevarse desde el eje x, una serie de líneas se anima al dibujar desde el origen del eje y.
Las animaciones están deshabilitadas en la Ignite UI for React Charts, pero se pueden habilitar configurando la propiedad isTransitionInEnabled
en verdadero. Desde allí, puede configurar la propiedad transitionInDuration
para determinar cuánto tiempo debe tardar en completarse la animación y transitionInMode
para determinar el tipo de animación que se lleva a cabo.
React Chart Animation Example
El siguiente ejemplo muestra un Gráfico de líneas con una animación configurada en el transitionInMode
predeterminado: "Auto". El menú desplegable y el control deslizante en la parte superior de este ejemplo le permitirán modificar transitionInMode
y transitionInDuration
, respectivamente, para que pueda ver cómo se ven las diferentes animaciones admitidas a diferentes velocidades.
Additional Resources
Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:
API References
La siguiente es una lista de miembros de API mencionados en las secciones anteriores: