javascript - 如何在 HighCharts 中设置 fillArea 偏移量

Question

我尝试在 Highcharts 中为区域图设置引用值。这应该类似于 this example但以 100 为基线。因为很难描述我附上一张图片。我真的迷失在这个话题上，感谢您提前提供任何帮助/提示。

Answer 1

我认为您不能将基线实际设置为 0 以外的任何值，但您可以修改轴，使其显示我们绘制的实际值偏移 100。然后对于您的数据，您可以在相反的方向上抵消相同的数量。

yAxis: {           
    labels: {
         formatter: function () {
             return [this.value + 100];
         }
    }
},
series: [{
        name: 'John',
        data: [105, 103, 104, 107, 102].offset(-100)
    }, {
        name: 'Jane',
        data: [102, 98, 97, 102, 101].offset(-100)
    }, {
        name: 'Joe',
        data: [103, 104, 104, 98, 105].offset(-100)
    }
]

在哪里

Array.prototype.offset = function (ofs) {
    var a = [];
    this.forEach(function (d) {
        a.push(d + ofs);
    });
    return a;
};

这样做我创建了你希望的图表:

JSFiddle