Example of Pie in Angular Chart Component

This Angular Pie Chart example demonstrates a pie chart for mobile browsers usage statistics. Datalabels show information about the points.

Browser Market Share
Description

In this example, you can see how to render and configure a pie chart. The pie chart is a circular graphic, which is ideal for displaying categories as a proportion or a percentage of the whole. The radius of the pie chart can be customized using the Radius property.

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 series feature, we need to inject PieService into the @NgModule.providers section.

More information about the pie series can be found in this documentation section.