Highcharts：显示峰值

Question

我想在我的 Highcharts 图表上显示 2 个点之间的差异。只有当它是一个主要的“峰值”差异时。

这是一个“静态”示例：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'areaspline'
        },
        series: [{
            data:   [560,500,476,453,356,{
                        y: 590,
                        dataLabels: {
                            enabled: true,
                            formatter: function () {return '+243';}
                        } 
                    },497,478,465,465,465,410,398]
        }]
    });
});  

http://jsfiddle.net/vr1a61wy/

如何将所有点值与之前的值进行比较？

例如，类似的东西（不是“真正的代码”）

if(prevValue > 200) {
  displayDataLabel();
}
function displayDataLabel() {
   peak = this.datalabel - prev.datalabel;
   return peak;
}

我们的目标是拥有一个干净的 json 文件，其中仅包含由 javascript 计算的值和峰值。

有可能吗？

Answer 1

您可以使用plotOptions.series.dataLabels.formatter 进行此比较。要进行比较，您将使用this.x、this.y 和this.series 来查找上一点。

formatter 函数的示例是 (JSFiddle)：

formatter: function() {
    if(this.x > 0 && this.y - this.series.data[this.x-1].y >= PEAKDIFF) {
        return "+" + (this.y - this.series.data[this.x-1].y);
    }
    return null;
}

PEAKDIFF 是您希望在显示标签之前的差异值。如果您还希望显示较大的负下降，您可以对 Math.abs 执行相同的操作。