Javascript highcharts-根据y值更改区域颜色

如何根据同一系列中的y值更改面积类型绘图的颜色

---

图表类型-区域

---

y-可能的值-1、2和3

---

---

所需输出-绿色区域用于3和2之间的值，红色区域用于2和1之间的值有两个选项，您的选项缺少信息，因此我向您展示了这两个选项：

具有负颜色的阈值：

$("#container1").highcharts({
  series: [{
    threshold: 2,
    negativeColor: 'red',
    color: 'green',
    type: 'area',
    data: [1, 2, 2, 1, 3, 3, 2, 3, 2, 1, 1, 3, 1, 1]
  }]
});

注意：阈值设置该值中系列的起始y值

渐变色：

$("#container2").highcharts({
    series: [{
        threshold: 1,
        color: {
            linearGradient: {
                x1: 0,
                x2: 0,
                y1: 0,
                y2: 1
            },
            stops: [
                [0, 'green'],
                [0.49, 'green'],
                [0.5, 'red'],
                [1, 'red']
            ]
        },
        type: 'area',
        data: [1, 2, 2, 1, 3, 3, 2, 3, 2, 1, 1, 3, 1, 1]
    }]
});

注意：标记继承系列颜色。禁用它们，或直接为每个点设置颜色

---

请解释清楚你想要什么，并创建一个参考小提琴！