Javascript 海图-在面积图中如何对多个系列使用渐变色？

期待 每个系列区域具有不同的渐变颜色

尝试过 我已经阅读了Highcharts演示，了解如何用渐变色填充一个区域系列：

fillColor: {
  liearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
  stops: [0, 'red'],
         [1, 'white']
}

但是，我不知道如何为每个系列区域设置不同的渐变颜色

因为我的英语很差，我上传了两张图片来澄清我的问题，正确的结果是我期望的

更新： 感谢@Alex Denisov，每个系列都有不同的线性渐变颜色，但现在的问题是颜色下的点，尤其是最后一个

一句话，是否有可能将linearGradient颜色设置为每个系列独立，无封面

---

更新：

您将为每个系列包含

系列

数据，如下所示：

plotOptions: {
        area: {
            stacking: 'normal'
        }
    },

series: [{
        name: 'Series 1',
        data: [502, 635, 809, 947, 1402, 3634, 5268],
        lineWidth: 3,
        lineColor: 'rgba(58, 204, 188, 1)',
        marker: {
          lineWidth: 1,
          lineColor: 'rgba(58, 204, 188, 1)',
          fillColor: 'rgba(58, 204, 188, 1)'
        },
        fillColor: {
            linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
            stops: [
                [0, 'rgba(58, 204, 188, 1)'],
                [1, 'rgba(255,255,255,.25)']
            ]
        },
    }, {
        name: 'Series 2',
        data: [106, 107, 111, 133, 221, 767, 1766],
        lineWidth: 3,
        lineColor: 'rgba(247, 106, 1, 1)',
        marker: {
          lineWidth: 1,
          lineColor: 'rgba(247, 106, 1, 1)',
          fillColor: 'rgba(247, 106, 1, 1)',
          symbol: 'circle'
        },
        fillColor: {
            linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
            stops: [
                [0, 'rgba(247, 106, 1, 1)'],
                [1, 'rgba(255,255,255,.25)']
            ]
        },
    }]

---

谢谢，它是有效的，但现在我想我应该深入了解“linearGradient”的价值，以及设置代码的最佳不透明度是什么，稍微编辑一下代码，允许为每个系列单独设置线条和点属性的样式，这里有一个工作的JSFIDLE——关于“封面，'您能分享您正在使用的JSFIDLE代码吗？做得好，实现这一点的关键是区域'堆叠'等于'正常'吗？在这种情况下，指定plotOptions是可选的，因为默认值可以正常工作。以下是有关plotOptions.area.stacking的详细信息：