动态更改启用悬停的选项

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

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

// 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

Answer 2

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

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

Fiddle