Web Components 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 desabilitadas nos Ignite UI for Web Components Gráficos, mas podem ser habilitadas definindo a isTransitionInEnabled propriedade como true. A partir daí, você pode definir a transitionInDuration propriedade para determinar quanto tempo sua animação deve levar para ser concluída e para transitionInMode determinar o tipo de animação que ocorre.

    Web Components Chart Animation Example

    O exemplo a seguir descreve um gráfico de linhas com uma animação definida como o padrão transitionInMode "Auto". A lista suspensa e o controle deslizante na parte superior neste exemplo permitirão que você modifique o transitionInMode e transitionInDuration, respectivamente, para que você possa ver como as diferentes animações suportadas se parecem em diferentes velocidades.

    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: