This sample visualizes the project cost breakdown statistics by using doughnut series. Datalabel shows the Information about the points.

More Details...


In this example, you can see how to render doughnut chart. You can use radius and innerRadius properties to render the doughnut and also use border, fill properties to customize the point. dataLabel is used to represent individual data and its value.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Accumulation Chart component features are segregated into individual feature-wise modules.To use pie chart, you need to inject PieSeries into services.