Clever Geek Handbook

How to remove halo / glow around marker on hover row in Highcharts

enter image description here

I want to remove the "glow" around these circles. The paths you see are a glow, not a marker with 2px red and blue solid rings. So, remove these path elements.

Tall charts should have a setting that allows me to disable / change this "glow".

These items do not appear immediately after the chart is rendered. They show up when you start interacting with the chart, which means selecting them and manually deleting them doesn't seem to work.

Thoughts?

+3


source to share


1 answer


You can set the size of the hover halo effect with plotOptions

for example ( JSFiddle demo ):

plotOptions: {
    series: {
        states: {
            hover: {
                enabled: true,
                halo: {
                    size: 0
                }
            }
        }
    }
}


There are other options for customizing the hover effect and the halo itself. See the documentation here . If you don't want the series to display a hover effect, you can simply install enabled: false

.

+12


source






More articles:


All Articles