javascript - HighChartレイアウトオプションを動的に変更する

Question

作成済みのチャートのmarginTop値を更新する方法が見つかりません。

私の例をチェックしてください：

http://jsfiddle.net/TZaEV/4/

var btn = $('#btn');
btn.click(function(){
// do changes
});

チャートオブジェクトを再度作成せずにchart.marginTop値を変更する必要があります。（たとえば、トリガーボタンをクリックしたとき）。

Answer 1

var btn = $('#btn');
btn.click(function(){
    chart.optionsMarginTop += 20;
    chart.isDirtyBox = true; // this makes your chart redraw
    chart.redraw();
});

デモ

Answer 2

これは私のために働いた：

const chart = $("#container").highcharts();
chart.options.chart.marginTop = 100;
chart.isDirtyBox = true;
chart.redraw();

Answer 3

Chart.update（）関数を使用するのはどうですか？

chart.update({
  chart: {
    marginTop: 30
  }
});

APIリファレンス： http：
//api.highcharts.com/highcharts/Chart.update http://api.highcharts.com/highcharts/chart.marginTop

例： http：
//jsfiddle.net/neo0xb2w/