Highcharts - 如何在鼠标悬停/悬停时禁用颜色变化答案

【问题标题】：Highcharts - how to disable color change on mouseover/hoverHighcharts - 如何在鼠标悬停/悬停时禁用颜色变化
【发布时间】：2016-11-04 22:59:36
【问题描述】：

我有一个 Highcharts 柱形图，我想禁用鼠标悬停或悬停时的颜色变化。

我看到其他人问过类似的问题，我尝试添加这部分代码（没有解决问题）：

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

这是图表的完整代码：http://jsfiddle.net/x7uz7puv/2/

提前感谢您的帮助。

【问题讨论】：

标签： javascript highcharts

【解决方案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]
  ]
},

【讨论】：

【解决方案2】：

现在，您在配置对象的顶层拥有该代码，但它不起作用。 series 对象是图表系列的数组，因此即使以这种方式设置选项，它也会被您的实际 series 对象覆盖。

它需要像 Stephen 回答的那样设置在单个系列级别，或者更全局地设置在 plotOptions 下。

通过将其应用于单个系列，您需要为您拥有的每个系列重复代码。

通过将它放在plotOptions 中，使用series 指定，您只需指定一次，无论您有多少系列。

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

或者，如果您希望它仅适用于某些系列类型，您可以将其仅添加到您希望它适用的系列类型：

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

更新小提琴：

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

【讨论】：