Jquery 样条曲线图中不同高度的不同颜色在highchart中

我在highchart中有一个样条曲线图。它的高度是零比一。我想让y=0.5线上的所有点都有一个红色的背景色，这条线下面的点有一个绿色的BCKG圆形。如何在highchart中执行此操作？

像这样尝试

$(document).ready(function(){
     $("#points").each(function(){
          if((this).val()>0.5)
              (this).css("background-color","red");
  });
})

function groupDataByValue(data, threshold, aboveColor, belowColor) {
    var newData = [];
    $.each(data, function() {
        var dataPoint = {
            x: this[0],
            y: this[1],
            marker: {}
        };
        var color;
        if (dataPoint.y > threshold) {
            color = aboveColor;
        } else {
            color = belowColor;
        }
        dataPoint.color = color;
        dataPoint.marker.fillColor = color;
        newData.push(dataPoint);
    });
    return newData;
}

考虑到您的所有点都必须有id“points”，并且它们的值必须是各自的高度（0.1,0.2等等）

“此功能计划用于Highcharts 3.0。我们编写了一个临时的hack，仅限于SVG浏览器。这意味着它在IE6、7和8中不起作用。请参见“
-@orstein Hønsi（管理，Highcharts JS）-2011年11月14日

---

来源：

您可以很好地创建一个实用方法，将您的

[[x，y]，…]

转换为

[{x:xVal，y:yVal，color:color，…}.]

这个函数可以是这样的

$(document).ready(function(){
     $("#points").each(function(){
          if((this).val()>0.5)
              (this).css("background-color","red");
  });
})

function groupDataByValue(data, threshold, aboveColor, belowColor) {
    var newData = [];
    $.each(data, function() {
        var dataPoint = {
            x: this[0],
            y: this[1],
            marker: {}
        };
        var color;
        if (dataPoint.y > threshold) {
            color = aboveColor;
        } else {
            color = belowColor;
        }
        dataPoint.color = color;
        dataPoint.marker.fillColor = color;
        newData.push(dataPoint);
    });
    return newData;
}

在设置

series.data

属性之前，请将其传递给此方法，并将结果值设置为

series.data

我只在highchart的“plotOptions”中设置了“series”属性。我想知道highchart中是否有此选项？