Angular line chart does not show data labels for overlapping data points

Hi,

We are trying to show data labels for angular line chart. The current version works well when there is no overlapping data points. But when markers of data points overlap, we can't see data labels for all the points.

We have created a sample app https://stackblitz.com/edit/angular-ablzav?file=src/app/chart.component.ts

You can see that there were five data points, but we can see data labels only for three points

Can you provide us any solution that will render data labels for every overlapping data points?


1 Reply

DG Durga Gopalakrishnan Syncfusion Team October 26, 2022 02:38 PM UTC

Hi Sudipa,


Greetings from Syncfusion.


By default, when current data label overlapped with next label and there is no space to place the data labels, then it will be hidden automatically. It is an actual behavior. Please let us know if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon