wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Highcharts synchronization not working properly

nhicap19,

It's happening because tooltip is refreshing with points even from invisible series. We have to provide only visible series points to tooltip refresh method. To find out if series is visible check if series.visible property is equal true.

Demo:
http://jsfiddle.net/wchmiel/s0unakfq/2/

Api reference:
https://api.highcharts.com/highcharts/s ... ne.visible

Kind regards.
Wojciech Chmiel
Highcharts Developer
nhicap19
Posts: 46
Joined: Wed Sep 05, 2018 5:03 pm

Re: Highcharts synchronization not working properly

Hi Wojtek,

Another bug has come up. Say you toggle the black obs line off, then move your mouse across the top chart, you'll see that the synchronization is not working properly again where the cross-hair for the bottom plot doesn't move.
wojtek
Posts: 433
Joined: Tue Jul 03, 2018 12:32 pm

Re: Highcharts synchronization not working properly

nhicap19,

You have got the answer on StackOverflow here: https://stackoverflow.com/questions/522 ... 6_52218510. We've got a few support channels so please do not duplicate threads on both. Continue this topic here or on StackOverflow, thanks.

Kind regards.
Wojciech Chmiel
Highcharts Developer
Satyendra092
Posts: 1
Joined: Fri Feb 12, 2021 5:27 am

Re: Highcharts synchronization not working properly

Hi Wojtek,

I am facing the same issue. On hover we see both the tooltips even though in one of chart there is no data-point so in that case it shows either last or next tooltip of that chart and it appears like tooltips are not synchronised. Can we show only one tooltip if there is no point in other chart for same x-axis?

http://jsfiddle.net/wchmiel/p91wtrg3/1/
Kind Regards
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Highcharts synchronization not working properly

Hello Satyendra092!

Welcome to our forum and thanks for contacting us with your question!

I'm not sure if you took a look at the StackOverflow thread, but over there my colleague solved this issue. In case you didn't read that I suggest going there and getting familiar with the solution. Working demo is here: http://jsfiddle.net/BlackLabel/s18bdmen/

If you do not want the second tooltip, then you can simply delete all of the logic and create two charts, one below another.

If I haven't answered your question please precise your requirements. :-)

Let me know if that was what you were looking for!
Best regards!
Dominik Chudy
Highcharts Developer

Return to “Highcharts Usage”