devfromisra
Posts: 2
Joined: Mon May 09, 2022 9:58 am

ToolTip on a specific legend

Hi ,

My requirement is that i want tooltip on a specific legend when i hover on it , also i want to decide the css of it.

is it possible to show the tooltip on a specific legend when i hover on it ?

i'm using vuejs also.

here is a demo of the highchart:
http://jsfiddle.net/snirben/cL6dsgw0/1/

i want when i hover on legend3 to have a tooltip showing.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: ToolTip on a specific legend

Hello,

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

You can use chart.events.load property to add mouseover events on legend items to calling tooltip.

Demo: http://jsfiddle.net/BlackLabel/uwy4h7td/
API: https://api.highcharts.com/highcharts/chart.events.load

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
devfromisra
Posts: 2
Joined: Mon May 09, 2022 9:58 am

Re: ToolTip on a specific legend

michal.f wrote: Mon May 09, 2022 2:14 pm Hello,

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

You can use chart.events.load property to add mouseover events on legend items to calling tooltip.

Demo: http://jsfiddle.net/BlackLabel/uwy4h7td/
API: https://api.highcharts.com/highcharts/chart.events.load

Let me know if you have any further questions!
Best regards!
Thank you!
i would like to change the css and make the tooltip above the legend, its possible ?
also it is possible to add tooltip only for specific legend ? maybe by content?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: ToolTip on a specific legend

Hi,

Then you need to create a custom tooltip, you can do it with SVG Renderer as in the demo below.

Demo: http://jsfiddle.net/BlackLabel/wz043byt/
API: https://api.highcharts.com/class-refere ... VGRenderer

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”