• Open in:

Animated Time-Line Pie Chart

This demo shows how you can use JavaScript’s setTimeout function to update the chart’s data dynamically without user intervention, by cycling through sets of data.

It also makes use of our Animate plugin, which makes the transition between data sets smooth and eye-pleasing.

Normally, to update the chart data dynamically, you would update dataProvider and call chart’s validateData() method.

Animate plugin introduces a new method animateData() which takes in new data set and makes a smooth transition between current and new data.

It not only animates values, though. It will also transition colors, opacity and label radius parameter smoothly, if those are in use.

Demo source