Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
230
Initial chart load animation
posted

Is there a way to animate the chart series when the chart is loaded? I'm trying to achieve something similar to this animation http://www.highcharts.com/

  • 30692
    Suggested Answer
    Offline posted

    Hi, there are ways to achieve an initial animation in application code. Basically you can set a transitionDuration on the series and start the data at 0. Flush, or let the chart initially display and then change the data to have the actual values you desire.

    See this example for a strategy:

    http://jsfiddle.net/vbNLx/3/light/

  • 29417
    Offline posted

    Hello chaitanyavrk ,

     

    I’m just following up to see if you’ve been able to resolve your issue. If you have any questions or concerns or if you need further assistance please let me know.

     

    Best Regards,

    Maya Kirova

    Developer Support Engineer

    Infragistics, Inc.

    http://ko.infragistics.com/support

     

  • 29417
    Offline posted

    Hello chaitanyavrk ,

     

    Thank you for posting in our forum.

    There’s no such option out of the box.

    However if  you use the motion framework of the chart and add the data points one by one you might be able to achieve a similar effect.

    For example refer to the following example:

    http://ko.infragistics.com/products/jquery/sample/chart/motion-framework-with-column-series

    The adding of the new series is animated. You could on load of the chart add the items elements one by one using the notifyInsertItem method .

     

    Let me know if you have any questions or concerns.

     

    Best Regards,

    Maya Kirova

    Developer Support Engineer II

    Infragistics, Inc.

    http://ko.infragistics.com/support