Animation

20 Mar 20181 minute to read

Sunburst chart allows you to animate the chart segments. You can enable animation using enableAnimation property.

JS

$("#chart"). ejSunburstChart ({
	enableAnimation: true
   });

Animation Types

Sunburst chart provide options to animate the chart segments in different ways using animationType property.

FadeIn – It gradually changes opacity of the chart segment.
Rotation – During an animation, control rotate from 0 to 360 angle.

Fade In

The Fade In animation is enabled as follows

JS

$("#chart"). ejSunburstChart ({
	enableAnimation: true,
       animationType:"fadeIn"
   });

Rotation

The following example shows how to enable rotation animation in ejSunburstChart

JS

$("#chart"). ejSunburstChart ({
	enableAnimation: true,
       animationType:"rotation"
   });

Click here to view the online demo sample of Animation in the Sunburst Chart.