Highcharts - 以负值保持零以 Y 轴为中心

Question

我有一个负值的面积图。与 the example they give 没什么不同，但有一个转折点:我想让零以 Y 轴为中心。

我知道这可以通过设置 yAxis.max 来实现。到某个值 n 和 yAxis.min到 -n，其中 n 表示图表的峰值或谷值的绝对值，以较大者为准(如 this fiddle )。但是，我的数据是动态的，所以我不提前知道 n 需要是什么。

我对 Highcharts 比较陌生，所以我可能缺少一种通过配置来做到这一点的方法，让 Highcharts 为我处理它，但看起来我需要使用 Javascript 自己手动调整 y 轴当页面加载时，以及新数据进入时。

有没有一种简单的、配置驱动的方法来保持零以 Y 轴为中心？

Answer 1

在深入研究 Highcharts API 之后，我最终通过配置找到了一种方法。每个轴都有一个名为 tickPositioner 的配置选项。您为其提供了一个返回数组的函数。此数组包含您希望刻度出现在轴上的确切值。这是我的新 tickPositioner配置，它在我的 Y 轴上放置了五个刻度，中间整齐地为零，两个极端处都是最大值:

yAxis: {

    tickPositioner: function () {

        var maxDeviation = Math.ceil(Math.max(Math.abs(this.dataMax), Math.abs(this.dataMin)));
        var halfMaxDeviation = Math.ceil(maxDeviation / 2);

        return [-maxDeviation, -halfMaxDeviation, 0, halfMaxDeviation, maxDeviation];
    },

    ...
}