Example of Smartlabels Functional in React Chart Component

/
/
SmartLabels

This sample shows the gold medal count scored by each country at the summer olympics 2024 games using smart labels on the chart.

More Details...

Loading....
Description

In this example, you can see how the labels can be arranged smartly without overlapping. You can use the EnableSmartLabels property to enable or disable the support.

Tooltips are 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 DataLabel, we need to inject AccumulationDataLabel into services.

More information on the smart labels can be found in this documentation section.