Pie and Donut

Sales by Continent
USD
North America
South America
Europe
Asia
Australia
Africa

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.

Nested Donut

Top Sales Worldwide
USD
New York
Los Angeles
Denver
Vancouver
Edmonton
Rio de Janeiro
Buenos Aires
Asuncion
London
Berlin
Madrid
Moscow
Beijing
Tokyo
Seoul

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.