Как добавить линии сетки к уже сгенерированному графику в старших графиках?

Question

У меня есть пузырьковая диаграмма, которая уже сгенерирована. Мне нужно добавить / удалить линии сетки на том же графике на основе флажка, который может выбрать пользователь.

Я пробовал что-то вроде следующего, но это не сработало.

setTimeout(function () {
    var chart = $('#bubble-chart-container').highcharts();
    chart.options.xAxis[0].gridLineWidth = 1;
    chart.options.yAxis[0].gridLineWidth = 1;
    chart.reflow();
}, 500);

Answer 1

Вам нужно будет использовать метод chart.update ( API link ) следующим образом:

HTML

<div id="container"></div>
<button id="addButton">Add lines</button>
<button id="removeButton">Remove lines</button>

Javascript

var chart = Highcharts.chart('container', {
  ...
});


$('#addButton').click(function() {
  chart.update({
    xAxis:{
        gridLineWidth: 1
    },
    yAxis:{
        gridLineWidth: 1
    }
  });
});

$('#removeButton').click(function() {
  chart.update({
    xAxis:{
        gridLineWidth: 0
    },
    yAxis:{
        gridLineWidth: 0
    }
  });
});

Fiddle