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

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

Answer 3

这个对我有用：

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