Example of Pie With Legend in React Chart Component

/
/
Doughnut

This sample demonstrates a donut chart showcasing mobile browser usage statistics, with legends displayed at the bottom of the chart.

More Details...

Loading....
Description

This example demonstrates how to render a donut chart with legends positioned at the bottom. The legend can be arranged in horizontal, vertical, or auto layout modes. Using the maximumColumns property, you can define the maximum number of columns in auto layout. Additionally, a fixed width option ensures uniform legend sizes for a polished appearance.

Injecting Module

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

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