This sample demonstrates a donut chart showcasing mobile browser usage statistics, with legends displayed at the bottom of the chart.
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
AccumulationChart component features are segregated into individual feature-wise modules. To use legend, we need to Inject AccumulationLegend into the @NgModule.providers section.
More information about the legend feature can be found in this documentation section.