ravijust4u17
Posts: 3
Joined: Wed Apr 07, 2021 5:38 am

How to show tooltip for selected grid row

Hello, I have grid having 40-50 rows, and for the same I have highchart with those many series point.
I want to show the tooltip on highcharts on selection of grid row.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to show tooltip for selected grid row

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

I don't have an idea how they possibly look like, could you show an example, screenshot or online code editor?

Best regards.
Sebastian Hajdus
Highcharts Developer
ravijust4u17
Posts: 3
Joined: Wed Apr 07, 2021 5:38 am

Re: How to show tooltip for selected grid row

@sebastian.h thanks for replying

screen shot is here,
https://drive.google.com/file/d/1Fmlj-Z ... sp=sharing

x axis - event time
y axis - field values

toolip appear on highchart on mouseover/click of series node, My req is it to appear on highchart on click gird row which is outside.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to show tooltip for selected grid row

Hi,
Thanks for the screenshot and message.

Okay, I guess I understand what you mean.
Let's take an example: you want to select a row from 45C to 60C and show the tooltip for the series that is there, and you want to show the points after hovering over a specific point in that row in a separate tooltip, right?

There is no such functionality for the tooltip directly in the API, but you can try it and add invisible series.

Look at this StackOverflow topic, they describe solutions with transparent series.
https://stackoverflow.com/questions/585 ... -in-y-axis

Let me know how are you going with this.
Best regards.
Sebastian Hajdus
Highcharts Developer
ravijust4u17
Posts: 3
Joined: Wed Apr 07, 2021 5:38 am

Re: How to show tooltip for selected grid row

Hi ,

Thanks, well I dont want user to mouseover on series node to view tooltip, I have elaborated in below screen shot with explaination text.

https://drive.google.com/file/d/1oPkUVW ... sp=sharing

i am looking/searching for, any delegate, event, actionListener so that I can make this possible.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to show tooltip for selected grid row

Hi ravijust4u17,

So, like in this example, you would like to connect to an external table and show the appropriate value in the tooltip after hovering over the row?
https://jsfiddle.net/BlackLabel/x14y9kh7/

There is no option to do this, you will need to write custom code and add extending wrapp.
https://www.highcharts.com/docs/extendi ... highcharts

In this case, you will have to access the table data and show the appropriate tooltip, the most convenient way to customize it is using a tooltip.formatter.
https://www.highcharts.com/blog/tutoria ... ml-tables/
https://api.highcharts.com/highcharts/tooltip.formatter

Best regards.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Usage”