Angular Animações de Gráfico

    As animações permitem que você facilite a série à medida que carrega uma nova fonte de dados. A animação disponível difere dependendo do tipo de série envolvida. Por exemplo, a série de colunas é animada subindo do eixo x, uma série de linhas é animada desenhando a partir da origem do eixo y.

    As animações são desativadas nos Ignite UI for Angular Gráficos, mas podem ser ativadas configurando aisTransitionInEnabled propriedade como true. A partir daí, você pode definir atransitionInDuration propriedade para determinar quanto tempo sua animação deve levar para ser concluída etransitionInMode depois determinar o tipo de animação que acontece.

    Angular Chart Animation Example

    O exemplo a seguir mostra um Gráfico de Linhas com uma animação definida para o padrãotransitionInMode— "Auto." O menu suspenso e o controle deslizante no topo deste exemplo permitem que você modifique otransitionInMode andtransitionInDuration, respectivamente, para que você possa ver como as diferentes animações suportadas ficam em velocidades diferentes.

    Additional Resources

    Você pode encontrar mais informações sobre recursos de gráfico relacionados nestes tópicos:

    API References

    A seguir está uma lista de membros da API mencionados nas seções acima: