p_swetha
Posts: 2
Joined: Thu Mar 04, 2021 1:28 pm

Unable to click on highchart tooltip

Hi team,

I have started facing an issue recently. I'm unable to click on the tooltip text in the chart. When I try to hover on to the tooltip text to click on it, the tooltip is disappearing.

Things I have tried:

1. style: {
pointerEvents: 'auto'
}
2. followPointer: false

Thanks in advance for the help!!
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Unable to click on highchart tooltip

Hello p_swetha!

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

I've checked it and style.pointerEvents works pretty fine. Check out the demo in the link below.

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

Do you only want to be able to hover the tooltip? If not please describe your requirements more precisely. :-)

Best regards!
Dominik Chudy
Highcharts Developer
p_swetha
Posts: 2
Joined: Thu Mar 04, 2021 1:28 pm

Re: Unable to click on highchart tooltip

Hi Dominik,

Thanks for the reply. I have done some analysis and created the below jsFiddle for the demo.
https://jsfiddle.net/a8ekom0y/

The toottip text contains a link to be opened in a different tab. I have tried to give the link in href and on onClick event Window.open method. But neither of them seems to be working. Could you kindly help me with this.
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Unable to click on highchart tooltip

Hi again!

We can simply use a href attribute to get it done.

API references:
https://www.w3schools.com/tags/att_a_href.asp

Demo:
https://jsfiddle.net/BlackLabel/2ecL74o1/

Best regards!
Dominik Chudy
Highcharts Developer

Return to “Highcharts Usage”