Pratik.Thorat
Posts: 33
Joined: Fri Feb 11, 2022 11:22 am

Highcharts Stock compare datalabel overlapping issue

I am writing to report an issue I encountered while using Highcharts Stock. I have created a demo on JSFiddle to illustrate the problem: https://jsfiddle.net/Praful_Sawant/dmr4wqox/3/

In the demo, you can see that the data label is overlapping on the tooltip, which makes it difficult to read the information. I have tried adjusting the position of the data label and tooltip, but the issue persists.

Could you please look into this issue and provide a solution or workaround? Thank you for your assistance.
jakub.j
Posts: 1084
Joined: Tue Jan 24, 2023 11:14 am

Re: Highcharts Stock compare datalabel overlapping issue

We appreciate you reaching out to us!

That happens when you set useHTML to true for the dataLabels. If you want to avoid it, set tooltip.outside to true for the whole chart (not a singular series) as I did in the line 261.

Demo: https://jsfiddle.net/BlackLabel/fzsa1gry/

I have just a small tip for you for the next time when you send us a demo with a problem. Please try to simplify it as much as possible, like this one: https://jsfiddle.net/BlackLabel/r2zLatcq/. For you, the chart's configuration is obvious because you created it, for us, we need to spend lots of time to understand what's happening there. It's much easier to work on a simplified demo.

​If you have further inquiries, you may reach out to me at any time!
Best regards
Jakub
Jakub
Highcharts Developer
Pratik.Thorat
Posts: 33
Joined: Fri Feb 11, 2022 11:22 am

Re: Highcharts Stock compare datalabel overlapping issue

Thank you for your prompt and detailed response, Jakub! Your solution worked perfectly, and I appreciate the tip about simplifying my demo in the future. I'll be sure to keep that in mind. Thanks again for all your help!

Return to “Highcharts Stock”