Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

highcharts - disable fading series on marker hover

Tags:

highcharts

I have multiple series in my chart area. When I hover on a marker of any series, the other background series' fade and become more transparent. I'm trying to disable that feature and have all series with full opacity at all times.

like image 665
Kabir Malkani Avatar asked Apr 09 '19 14:04

Kabir Malkani


1 Answers

You need to change the opacity property for a inactive state:

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

Live demo: http://jsfiddle.net/BlackLabel/wp46gdf7/

API Reference: https://api.highcharts.com/highcharts/series.column.states.inactive.opacity

like image 109
ppotaczek Avatar answered Nov 10 '22 23:11

ppotaczek



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!