We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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


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 09:38 AM

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.


Durga Gopalakrishnan.

Live Chat Icon For mobile
Up arrow icon