Learning Highcharts 4

Animating charts

There are two types of animations in Highcharts: initial and update animations. An initial animation is the animation that happens when the series data is ready and the chart is displayed. An update animation occurs after the initial animation, when the series data or any parts of the chart anatomy have been changed.

The initial animation configurations can be specified through plotOptions.series.animation or plotOptions.{series-type}.animation, whereas the update animation is configured via the chart.animation property.

All Highcharts animations use jQuery implementation. The animation property can be a Boolean value or a set of options. For Boolean values, it is true. Highcharts can use jQuery for swing animation. These are the ...