Animações de gráficos Blazor

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 desabilitadas na Ignite UI for Blazor Charts, mas podem ser habilitadas definindo a propriedade IsTransitionInEnabled como true. A partir daí, você pode definir a propriedade TransitionInDuration para determinar quanto tempo sua animação deve levar para ser concluída e o TransitionInMode para determinar o tipo de animação que ocorre.

Blazor Chart Animation Example

O exemplo a seguir descreve um gráfico de linhas com uma animação definida como o TransitionInMode padrão - "Automático". O menu suspenso e o controle deslizante na parte superior deste exemplo permitirão que você modifique o TransitionInMode e TransitionInDuration, respectivamente, para que você possa ver como as diferentes animações suportadas ficam em diferentes velocidades.

Additional Resources

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

• Anotações de gráficos
• Destaque de gráfico
• Dicas de ferramentas de gráfico

API References

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

• IgbCategoryChart
• IsTransitionInEnabled
• TransitionInDuration
• TransitionInMode