Sunburst Elements

20 Mar 20181 minute to read

The Sunburst region represents the entire chart and all its elements. It includes all the chart elements like Legend, DataLabel, Levels etc. The major properties of the Sunburst Chart are as follows

datasource – Provides the data that are used to generate the chart.
valueMemberPath- Property based on the which the data segments are rendered in the chart
legend – displays the legend of the Sunburst Chart
levels- displays the hierarchical levels for the chart
data label– displays the data labels for the Sunburst Chart

Start and End Angle

Start and End Angle

You can change the start and end angle of Sunburst chart using StartAngle and EndAngle property as shown in below code

  • JS
  • @(Html.EJ().SunburstChart("chartContainer")
    
           .StartAngle(-90)
           .EndAngle(90)
     )

    Sunburst Radius

    The Radius of the Sunburst chart can be customized by using the Radius property. The default value of radius is 1 and its value ranges between 0 and 1

  • JS
  • @(Html.EJ().SunburstChart("chartContainer")
    
           .Radius(0.8)
          
     )

    ;

    ## Sunburst Inner Radius

    The Inner Radius of the Sunburst chart can be customized by using the InnerRadius property. The default value of innerRadius is 0.4 and its value ranges between 0 and 1

  • JS
  • @(Html.EJ().SunburstChart("chartContainer")
    
           .InnerRadius(0.5)
          
     )

    ;