• Open in:

Variable-radius Nested Pie

In this demo we create a nested pie chart where the inner slices represent totals for the year and outer slices represent the detailed values comprising these totals.

Key implementation details

To create the inner and outer slices we add two PieSeries to the chart and set radius and innerRadius on both accordingly so they take up the portions of the pie we have designated for them. Our data is in a hierarchical format. We “flatten” it so that all the outer slices are in one array dataset and we create an inner dataset with calculated total values.

Related tutorials

Demo source