CODEWITHSUNDEEP
jqueryhighcharts
chofer
chofer

Reputation: 357

Highcharts, How to prevent point's marker changes its color on mouse hover?

I have a chart where each marker had different color , but when mouse is hover the marker, the point's marker changes its color to line color.

I want to disable this color change but preserve the point's glow color( halo )

If I use

hover: { enabled: false }

I'll lose point's glow color

http://jsfiddle.net/chofer/3v4k5y3u/

Upvotes: 1

Views: 605

Answers (1)

Halvor Holsten Strand
Halvor Holsten Strand

Reputation: 20536

This addition to your code fixed it in your JSFiddle example (updated JSFiddle):

plotOptions: {
    series: {
        marker: {
            states: {
                hover: {
                    fillColor: false
                }
            }
        }
    }
}

I have to say I found this very unintuitive. states.hover.marker does not work while marker.states.hover does work.

Also, according to states.hover.marker.fillColor the value should have been null not false, but I'm only getting the desired effect using false which isn't mentioned at all.

Upvotes: 1

Related Questions