Animaciones de gráficos Angular

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.

Animations are disabled in the Ignite UI for Angular Charts, but they can be enabled by setting the isTransitionInEnabled property to true. From there, you can set the transitionInDuration property to determine how long your animation should take to complete and the transitionInMode to determine the type of animation that takes place.

Angular Chart Animation Example

The following example depicts a Line Chart with an animation set to the default transitionInMode - "Auto." The drop-down and slider at the top in this example will allow you to modify the transitionInMode and transitionInDuration, respectively, so that you can see what the different supported animations look like at different speeds.

Additional Resources

Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:

• Anotaciones de gráfico
• Resaltado de gráfico
• Información sobre herramientas de gráficos

API References

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

• IgxCategoryChartComponent
• isTransitionInEnabled
• transitionInDuration
• transitionInMode