Use the PieChartSeries to create a Pie Chart. Specify the InnerDiameter property to create a Donut chart with the defined thickness.
Additionally, use the following properties to configure a pie series appearance:
In this demo, use the UI elements at the module's header to change a Donut chart's diameter and inner diameter. You can also change the position of chart labels or hide them.
A nested donut allows you to visualize multiple pie and donut series in one component. It is helpful when the displayed series values are related but belong to different categories.
In this demo, Pie and Donut series use the same value field (SalesInfo.Amount
) to show the relation between series values. The code groups values by city for the Donut series and by region for the Pie series.