使用highcharts一个javascript statment改变marginLeft和marg

2019-10-21 04:20发布

使用Highcharts,我怎么只能更改图表marginLeft和marginRight,然后从一个JavaScript语句重绘。 我需要在我的代码,重新调整图表利润率在一些地方。

http://jsfiddle.net/ovh9dwqc/

我想是这样的:

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

但它没有工作。

Answer 1:

一般来说它不支持,但有点哈克的方式做到这一点:

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



文章来源: change marginLeft and marginRight from a javascript statment using highcharts