CODEWITHSUNDEEP
highcharts
Shiv Bhandari
Shiv Bhandari

Reputation: 97

How to remove HighCharts new Hover Effect?

Highcharts released a new version (I believe 7.1) and as a result whenever you hover over a certain element on a graph, the rest of the elements lighten in color.

I want to remove this effect and have the elements not lighten in color and still be visible to the user.

Any help is appreciated. Thanks!

plotOptions: {
        series: {
            states: {
                hover: {
                    enabled: false
                }
            }
        }
    }

I have tried this and this is not what I need or at least it doesn't remove the effect that I am talking about.

Upvotes: 3

Views: 1684

Answers (1)

Wojciech Chmiel
Wojciech Chmiel

Reputation: 7372

This new hover effect is called the inactive state. You can disable it by setting plotOptions.series.states.inactive.opacity = 1.

Code:

  plotOptions: {
    series: {
      states: {
        inactive: {
          opacity: 1
        }
      }
    }
  }

Demo:

API reference:

Upvotes: 7

Related Questions