javascript - 停止HighCharts来增加悬停时线的宽度

我正在使用最新版本的HighCharts构建具有多种趋势的图表。默认情况下，当用户的鼠标悬停在线条上时，HighCharts会增加线条的粗细/线条宽度。因为我可能在图表上有约10个趋势，所以我想删除此功能，这意味着该线的粗细在悬停时不会改变。

jsFiddle of code so far

我相信我需要在plotOptions {}部分中进行设置。我尝试添加以下内容没有成功:

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

但是，我想保留表示鼠标位置的标记:

最佳答案

进行以下更改(将states鼠标悬停设置为禁用状态)

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

DEMO

在这种情况下，将lineWidth:1悬停

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

DEMO 2