RajeevReddy
Posts: 13
Joined: Wed Mar 02, 2022 3:12 pm

Highcharts StockChart with scatter and stock chart combination is removing tooltips/annotations border when hovered over

Hi!!

We have upgraded our application from highcharts v8.0.4 to v9.3.3. After the upgrade,if our chart uses a combination of stock and scatter(fast point) with some annotations and tooltips plotted inside it.When we hover over the annotations it is showing the tooltips box along with the content inside it,but when we hover over the annotations and comeback to hover over the tooltips/annotations,it is not showing the tooltip box and sometimes it's duplicating the annotations when hovered without any border,this shouldn't happen.

I am attaching the image for reference. Can you please help me in solving the issue?
Attachments
AnntDuplicationWithoutborder.JPG
AnntDuplicationWithoutborder.JPG (48.01 KiB) Viewed 369 times
TooltipHoverAfterHoveredOnAnnt.JPG
TooltipHoverAfterHoveredOnAnnt.JPG (32.93 KiB) Viewed 369 times
TooltipHoverBeforeHoveredOnAnnt.JPG
TooltipHoverBeforeHoveredOnAnnt.JPG (33.04 KiB) Viewed 369 times
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Highcharts StockChart with scatter and stock chart combination is removing tooltips/annotations border when hovered

Hello,

I see you have set up two threads related to migrating to a newer version. In this case, could you also reproduce the problem in JsFiddle? It will be easier for me to help you.

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
RajeevReddy
Posts: 13
Joined: Wed Mar 02, 2022 3:12 pm

Re: Highcharts StockChart with scatter and stock chart combination is removing tooltips/annotations border when hovered

Hi ,

I am able to reproduce this issue on JsFiddle,can you please provide a solution for the same ?
https://jsfiddle.net/RajeevReddy/uegpotz2/10/

Note: We have upgraded our application to 9.3.3, and this particular bug is working fine till v9.2.2 , as I have checked it in the fiddle.

Thanks,
Rajeev Reddy.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Highcharts StockChart with scatter and stock chart combination is removing tooltips/annotations border when hovered

Hi,

If you use tooltip.split together with tooltip.formatter callback function you have to return an array with elements instead of one. This is why the line series tooltip behaves so strange. This is a bug that you would like to report on GitHub using this link, and in the demo you have an example of the correct use of the split option with the formatter.

Demo: https://jsfiddle.net/BlackLabel/wybx1rLf/
API: https://api.highcharts.com/highcharts/tooltip.split

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Stock”