如何在HighCharts中设置fillArea偏移量

时间:2015-11-06 17:16:23

标签: javascript highcharts data-visualization area

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

image to describe the problem

2 个答案:

答案 0 :(得分: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;
};

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

enter image description here

JSFiddle

答案 1 :(得分:1)

我正在寻找

threshold。将其添加到系列中,请参阅jsfiddle

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