停止HighCharts增加懸停線的寬度

Question

我正在使用最新版本的HighCharts來構建具有多種趨勢的圖表。 默認情況下，當用戶的鼠標懸停在線上時，HighCharts會增加線條的粗細/線寬。 因為我可以在圖表上有~10個趨勢，我想刪除此功能，這意味着線條的粗細在懸停時不會改變。

到目前為止jsFiddle的代碼

我相信我需要在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

---

在這種情況下，make lineWidth：1表示懸停

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

演示2

Answer 2

這里你需要的是lineWidthPlus屬性。

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

這樣，無論你改變什么，圖表都不會在懸停時改變lineWidth。

API參考：

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

你的小提琴更新：

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