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

Question

我尝试为 higcharts 中的面积图设置引用值。这应该类似于 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