Peethani Lokesh
Posts: 3
Joined: Wed Aug 17, 2022 4:04 am

HighCharts Disable legends hover effect for specific legend

Hi,

I want to disable legend hover effect for only a specific legend ( Hover effect for remaining legends should not gets effected ).

For example : https://jsfiddle.net/PeethaniLokesh/2b5768oe/

I want to disable legend hover effect for series 3 , But series 1 and 2 should not gets affected.

I know a css way to disable the effect by using pointer-events : none , Is there any other way to do this ? Plz Kindly help me.
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: HighCharts Disable legends hover effect for specific legend

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

I have prepared a solution for you. In the demo below you can disable a mouseover event on a specific legend item by setting a custom property disableLegendItemHover on series to true.

Demo: https://jsfiddle.net/BlackLabel/6zbj3q1f/

Let me know if you have any further questions.
Best regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”