动态更改悬停启用选项

Question

我希望当我将鼠标悬停在图表上方时没有任何反应（即，悬停启用：false），但是当我单击下面的按钮时，图表启用的悬停将变为true。

现在，当我单击图表下方的按钮时，我正在使用这两个功能来打开悬停：

function update() {
  chart.series[0].data[0].setState('hover');
};

function unset() {

    chart.series[0].data[0].setState('');

}

这些功能非常适合单击按钮，但是当我将鼠标悬停在图表上方时，仍然会出现光环。我该怎么办？

JSFiffle是这样的：http://jsfiddle.net/u6ftv3wm/

谢谢！

Answer 1

只需将其添加到当前代码中

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

Fiddle

Answer 2

您可以使用以下新选项更新该系列：

// Activate the button for update
function update() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: true
      }
    }
  });
}
// Activate the button for unset
function unsetColor() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: false
      }
    }
  });
}

演示：

• http://jsfiddle.net/BlackLabel/9hmws30k/1/

API参考：

• https://api.highcharts.com/class-reference/Highcharts.Series#update