停止 HighCharts 在悬停时增加线宽

Question

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

jsFiddle of code so far

我认为我需要在 plotOptions{} 部分进行设置。我尝试添加以下内容但没有成功：

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

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

Answer 1

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

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

DEMO

---

在这种情况下，将 lineWidth: 1 设置为 hover

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

DEMO 2

Answer 2

这里需要的是lineWidthPlus属性.

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

这样一来，不管你怎么改，鼠标悬停时图表的线宽都不会改变。

API参考：

• http://api.highcharts.com/highcharts#plotOptions.series.states.hover.lineWidthPlus

您的 fiddle 已更新：

• http://jsfiddle.net/jlbriggs/4oypoeom/8/