Animation in EJ 1 ASP.NET MVC SunburstChart
21 Mar 2017 / 1 minute to read
Sunburst chart allows you to animate the chart segments. You can enable animation using EnableAnimation property.
@(Html.EJ().SunburstChart("chartContainer")
//...Enable Animation
.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
@(Html.EJ().SunburstChart("chartContainer")
//...Enable Animation
.EnableAnimation(true)
.SunburstAnimationType(SunburstAnimationType.FadeIn)
//...
)
Rotation
The following example shows how to enable rotation animation in ejSunburstChart
@(Html.EJ().SunburstChart("chartContainer")
//...Enable Animation
.EnableAnimation(true)
.SunburstAnimationType(SunburstAnimationType.Rotation)
//...
)
Click here to view the online demo sample of Animation in the Sunburst Chart.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page