Highcharts重置y轴

时间:2014-11-21 10:11:13

标签: javascript highcharts reset

首先,我的页面上有几个图表 - 为了更容易比较不同图表中的数据,我将最大yAxis设置为可用的最高值。

问题:如何在不重新获取数据的情况下还原我刚设置的最大值?我正在寻找像“autoscale”这样的东西,因为它可以添加最大值11245,最大yAxis就像12500.我想恢复我的所有图表。

演示:http://jsfiddle.net/wiesson/0p4z1mfj

$('#setMax').click(function (ev) {
    var yAxisMax = 0;
    $('[data-chart]').each(function (item) {
        var c = $(this).highcharts();
        if (c.yAxis[0].max > yAxisMax) {
            yAxisMax = c.yAxis[0].max;
        }
    });

    $('[data-chart]').each(function (item) {
        c = $(this).highcharts();
        if (c.yAxis[0].max < yAxisMax) {
            c.yAxis[0].update({
                max: yAxisMax
            });
        }
    });
});

1 个答案:

答案 0 :(得分:3)

您可以简单地从轴上移除极值。一般来说,我建议使用axis.setExtremes(min, max)代替axis.update(options)。与setExtremes相比,update应该有更好的表现。

代码:

$('#setDefault').click(function (ev) {
    $('[data-chart]').each(function (item) {
        $(this).highcharts().yAxis[0].setExtremes(null, null);
    });
});

并演示:http://jsfiddle.net/0p4z1mfj/9/