ritesh.waghela
Posts: 2
Joined: Mon Jul 19, 2021 1:06 pm

HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)

I am working on a chart having multiple x and y axis. Data series is linked to these x and y axis. I have a tooltip which is shared and uses html and custom formatter. Below is the configuration of tooltip:

Code: Select all

      enabled: true,
      useHTML: true,
      shared: true,
      split: false,
      followPointer: true,
      outside: true,
      formatter: myTTFormatter
myTTFormatter gets the points array and I am able to get tooltip as well, but the problem is it appears for only the first series and when I hover over other series it doesn't show up. I put a debugger to custom formatter fn and it goes there as well, but I don't understand why the tooltip is not appearing when I hover over other series in my chart. Note: I have linked all other xAxis to the first XAxis to make the zoom work for all the data series.

Reference: https://stackblitz.com/edit/highcharts- ... options.ts

When you directly hover to 2nd series it won't show the tooltip.

Code: Select all

HighCharts version: 9.1.2
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)

Hello ritesh.waghela!

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

If you set shared property of the tooltip to false, it works fine. Regarding your current config, I believe that there's a problem when you use double axes and shared property of the tooltip. It might be some kind of bug. If you think that too you can report it on our GitHub. Here's a link: https://github.com/highcharts/highchart ... new/choose

Demo: https://stackblitz.com/edit/highcharts- ... options.ts

Best regards!
Dominik Chudy
Highcharts Developer
ritesh.waghela
Posts: 2
Joined: Mon Jul 19, 2021 1:06 pm

Re: HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)

Thanks for the support.

I think it is not multi axes issue. If I still have multiple y axes but the gap between both the y axes are not much, tool tip works fine. Please see this, there. are still two y axis but they are over lapping and tooltip works fine in this case.

https://stackblitz.com/edit/highcharts- ... options.ts
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)

Hi again!

The demo you've sent me looks exactly the same (maybe you forgot to fork it). But if it's not a problem related to multi-axes I highly suggest reporting it on our GitHub. You can do it here: https://github.com/highcharts/highchart ... new/choose

Best regards!
Dominik Chudy
Highcharts Developer

Return to “Highcharts Stock”