Notes overlapping each other in line chart
1 Answer 9 Views
Anubhav
Top achievements
Rank 1
Anubhav asked on 06 Jul 2021, 07:27 AM

I have tried to implement a line chart along with Notes,. but the problem arises when 2 notes are very close to each other they overlap and are not readable. I tried adding margin but could not achieve a good result even with rotation it looks very absurd. 

I am trying to figure out a way where I can display the notes in one series alternatively top or down. But I can't find anything. I only got an option to display notes top or down per series. Need help with this?

Or if any other way I can achieve it with a readable format

1 Answer, 1 is accepted

Sort by
0
Dinko
Telerik team
answered on 08 Jul 2021, 07:57 AM

Hi Anubhav,

Thank you for the provided image.

You can try using the Smart Labels functionality of our RadChartView component. This functionality will try to position the labels so that they do not overlap each other. Give it a try, and let me know how it goes.

Regards,
Dinko
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer, and each of you can get a $50 Amazon gift voucher.

Anubhav
Top achievements
Rank 1
commented on 20 Jul 2021, 08:24 AM

Hi Dinko. Thanks for your response. I am using Asp mvc to develop the webpage. I think this feature is only available for Silverlight and not on asp mvc. I could not find it in documentation. Could you provide an alternative for asp-mvc
Anton Mironov
Telerik team
commented on 23 Jul 2021, 07:47 AM

Hi Anubhav,

My name is Anton from the MVC team.

In order to achieve the desired behavior, I would recommend trying the "Visual" property of the Notes functionality of the Series.

Find all properties that could be used for the Notes in the following link:

I hope this information helps.

Kind Regards,
Anton Mironov

Asked by
Anubhav
Top achievements
Rank 1
Answers by
Dinko
Telerik team
Share this question
or