Sunburst Elements

20 Mar 20182 minutes 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 Sunburst chart
• legend – displays the legend of the Sunburst Chart
• levels- displays the hierarchical levels for the chart
• datalabel – displays the datalabel for the Sunburst Chart
• parentNode-Parent node of the data points.

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

$("#chart").ejSunburstChart({

          //..
         //Set startAngle and endAngle to draw the sunburst chart
         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

$("#chart").ejSunburstChart({

          //..
         //Set radius to the sunburst chart
         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

$("#chart").ejSunburstChart({

          //..
         //Set radius to the sunburst chart
         innerRadius: 0.5, 
         //..

});

;