This sample displays the Sales Plan and Revenues,
where the parent is the plan and the children are the current category profit by each product.
Noteworthy things in the code:
- the 'parent-independent' calculation method is selected;
- the data is sorted in descending order;
- a palette is set for the chart;
- the chart's tooltip is customized using the scale method.
The interactive JavaScript (HTML5) Sunburst Chart presented on this page is a visualization of a sales plan and revenue of meat, vegetables, fruits and dairy. Parents depict the plan, whereas children stand for the revenue of each product.
Data visualized in the Sunburst Chart on the picture is sorted in descending order. Chart tooltips are configured using the scale method. A color palette implemented in the visualization is custom.