如何在 HighCharts 中设置 fillArea 偏移量

Question

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

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

Answer 2

threshold 是我要找的。将其添加到系列中，参见 jsfiddle

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

如何在 HighCharts 中设置 fillArea 偏移量

How to set an fillArea offset in HighCharts

javascript

highcharts

data-visualization

area