高图重置 y 轴

Highcharts reset y Axis

本文关键字：高图重      更新时间：2023-09-26

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

问：如何在不重新获取数据的情况下还原刚刚设置的最大值？我正在寻找类似"自动缩放"的东西，因为如果我添加最大值 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
            });
        }
    });
});

您可以简单地从轴上删除极值。一般来说，我建议使用 axis.setExtremes(min, max) 而不是 axis.update(options) . 与update相比，setExtremes应该具有更好的性能。

法典：

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

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

相关文章：