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/