javascript - 使用 highcharts 从 javascript 语句更改 marginLeft 和 marginRight

Question

使用 Highcharts，我如何只更改图表 marginLeft 和 marginRight，然后从 javascript 语句重新绘制它。 我需要在代码中的某些地方重新调整图表边距。

http://jsfiddle.net/ovh9dwqc/

我尝试过类似的方法:

test = $('#container').highcharts();
test.margin[4] = 50;
test.redraw();

但是没有成功。

Answer 1

一般来说它是不受支持的，但是实现它的方式有点hacky:

    //JAVASCRIPT code to change left and right margin
    test = $('#container').highcharts();
    $.each(test.axes, function(i, e) {
       e.isDirty = true; 
    });
    test.margin[1] = 50;
    test.redraw();

首先:它是边距[1]，而不是边距[4]。边距为:0-顶部、1-右侧、2-底部、3-左侧。就像 CSS 中一样。

然后我们需要通知 Highcharts 轴需要重新绘制，因此我们将所有轴的 isDirty 标志设置为 true。

我们还可以使用test.xAxis[0].update()代替test.redraw()。这将强制所有轴回流。

现场演示:http://jsfiddle.net/ovh9dwqc/1/