Home › forums › Using CanvasJS › IndexLabels: How to place so they don't overlap?
This topic contains 1 reply, has 2 voices, and was last updated by Sanjoy 2 years, 5 months ago.
Hi Sunil, Sanjoy and team:
CanvasJS is a joy to use. Really appreciate all the great work you’ve made. The level of detail, the usability… wonderful.
IndexLabels overlap on all types of graphs. How would you suggest to solve this?
– This is typical of the actual graphs we will want to display. Many points, only a few labelled.
– But the IndexLabels run over other points and run over each other.
I understand that, depending on the positions of the points, some overlap between an IndexLabel of one point and the marker of another point is inevitable. And some creative use of background-colors and alpha-opacity can help. But what really is a problem is when two IndexLabels overlap each other. In the example graph, “point 46” and “point 54” just become a blob of text that’s illegible.
What I’ve tried:
In this comment from 2013, Sunil wrote that indexLabels would have autoFit in v1.4, but I haven’t found this option and haven’t been able to make it work on my own.
It’s quite an issue for us: the chart is unusable as it is now. I’m happy to do a lot of the calculations for offset positions manually, but I haven’t been able to make it work on my own, so finally I’m writing to you to see what you’d suggest.
Auto index-labelling was not implemented instead indexLabelMaxWidth was implemented using which you can avoid overlapping of index-labels.
You must be logged in to reply to this topic.