Highcharts - 如何在鼠標懸停/懸停時禁用顏色更改

Question

我有一個Highcharts列表范圍圖表，我想在鼠標懸停或懸停時禁用顏色更改。

我見過其他人提出類似的問題，我試圖添加這部分代碼（沒有解決問題）：

    series: {
        states: {
            hover: {
                enabled: false
            }
        }
    },

這是圖表的完整代碼： http ： //jsfiddle.net/x7uz7puv/2/

在此先感謝您的幫助。

Answer 1

將該代碼添加到您已有的series對象中。

series: [{
  type: 'columnrange',
  color: '#00FFFF',
  name: '25th to 75th percentile',
  states: { hover: { enabled: false } }, // Here is where it goes
  data: [
    [27000, 55100],
    [25900, 58500]
  ]
},

Answer 2

現在，您在配置對象的頂層有代碼，但它不起作用。 series對象是圖表系列的數組，因此即使設置選項以這種方式工作，它也會被實際的series對象覆蓋。

它需要在單個系列級別上設置，如Stephen回答，或者更多全局，在plotOptions 。

通過將其應用於單個系列，您需要為每個系列重復代碼。

通過將它放在plotOptions ，使用series名稱，無論你有多少系列，你只需要指定一次。

plotOptions: {
  series: {
    states: {
      hover: {
        enabled: false
      }
    }
  }
} 

或者，如果您希望它僅應用於某些系列類型，則只能將其添加到您希望它應用於的系列類型：

plotOptions: {
  columnrange: {
    states: {
      hover: {
        enabled: false
      }
    }
  }
} 

更新小提琴：

• http://jsfiddle.net/jlbriggs/kmn0aqvo/