Disabling XY series initial animations

By default, when "animated" theme is enabled, all XY series will show initial animation, growing from zero to their absolute values. This tutorial will show how you can disable that effect, without interfering with the rest of the animations.


Disabling this initial effect is easy: each series has a setting showOnInit.

The "animated" theme sets it to true causing series to be animated when chart is first shown.

All we have to do to disable this effect is reset it back to false:

series.showOnInit = false;
series.showOnInit = false;
// ...
"series": [{
// ...
"showOnInit": false


See the Pen amCharts 4: disabling series initial animations by amCharts team (@amcharts) on CodePen.0