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