22 Mar 20171 minute to read

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

  • HTML
  • <ej:SunburstChart  ID="container" runat="server" 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  ID="container" runat="server" EnableAnimation="true" AnimationType="fadeIn">                           


    The following example shows how to enable rotation animation in ejSunburstChart

  • HTML
  • <ej:SunburstChart  ID="container" runat="server" EnableAnimation="true" AnimationType="Rotation">                           

    Click here to view the Animation sample of the Sunburst Chart.