score:12

Accepted answer

Make this below change (Set the states mouseover to disabled state)

plotOptions: {
            series: {
                    lineWidth: 2,
                 states: {
                    hover: {
                        enabled: false
                    }
                }
            },

DEMO


In that case make lineWidth: 1 for hover

plotOptions: {
            series: {
                    lineWidth: 2,
                 states: {
                    hover: {
                        lineWidth: 1
                    }
                }

DEMO 2

score:7

What you need here is the lineWidthPlus property.

plotOptions: {
  series: {
    states: {
      hover: {
        lineWidthPlus: 0
     }
    }
  }
}

This way, no matter what else you change, the chart will not change the lineWidth when hovered.

API Reference:

Your fiddle updated:


Related Query

More Query from same tag