動態修改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(); 
}); 

Demo

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/