animationEnabled: Boolean

Enables Animation while rendering the Chart.


Default: false
Example: false, true

var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 animationEnabled: false,
 .
 .
});
chart.render();


Try it Yourself by Editing the Code below.

  Also See:    



In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.

Comments 18

    • As of now animation is implemented only in pie charts… will be adding it for other charts in future versions…

  1. When I use the alternate mode of setting data mentioned in “getting started”
    it fails with this property:

    chart.options.animationEnabled = false;

    It doesnt work and I have 0 errors in console, Can you help me?

  2. When you click on a slice, it animates out.
    Is there any way to get it to animate back in automatically if you click another slice?
    So only one slice can be out at a time.

    • omar,

      Animation is supported only during the initial chart render. But you can workaround this by re-creating the entire chart.

  3. You need a new animation for line charts. As it is now, it looks like the chart loads very slowly instead of it being a fancy animation. You should make it appear instantly in an incorrect form, then slowly (or quickly) work its way to the correct line chart.

      • please help me if u have any solution for my query..
        have two data series in line chart but i want to apply animation duration only for one series. how to do?

  4. Animation is not working while changing data points dynamicaly in pie chart..is there is any possibilities to add animation…

  5. I have two data series in line chart but i want to apply animation duration only for one series. how to do? Is there any way..please help..thanks in advance..

      • Can u please tell me how to reduce initial delay in chart load id animation duration enabled?
        Any help will be appreciated.

  6. Please help me to know that – How to reduce initial delay in chart load id animation duration enabled?
    Any help will be appreciated.

In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.