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/

Highcharts - 如何在鼠标悬停/悬停时禁用颜色更改

2 个答案: