Динамически менять опцию включения парения

Question

Я хочу, чтобы при наведении указателя мыши на верхнюю часть графика ничего не происходило (т. Е. При наведении курсора на ложь), но при нажатии на кнопку под графиком включенное наведение указателя становится равным 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