如何在 HighCharts 中设置 fillArea 偏移答案

【问题标题】：How to set an fillArea offset in HighCharts如何在 HighCharts 中设置 fillArea 偏移
【发布时间】：2016-02-07 21:58:16
【问题描述】：

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

【问题讨论】：

你能分享你的代码吗？您可以根据值设置 yAxis 最小值/最大值。
yAxis:{ min:80, max:170 }，见jsfiddle.net/Nishith/th3s5aw9
@NishithChaturvedi，我认为 MemLeak 的意思是他希望乔的面积图从 100 开始上升，而您链接到它的那个从 0 开始，封面的简的面积图。

标签： javascript highcharts data-visualization area

【解决方案1】：

threshold 是我正在寻找的。将其添加到系列中，请参阅jsfiddle

series: [{
    name: 'John',
    data: [105, 103, 104, 107, 102],
    threshold : 100
} ....

【讨论】：

哦，去看看吧！很高兴知道。

【解决方案2】：

我认为您不能将基线设置为除 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

【讨论】：