HighCharts areaspline多色渐变不透明度淡化

Question

我正在尝试为areapline图表实现自上而下的淡入淡出效果，除了多种颜色。

这是我到目前为止所拥有的： Chart

我试图模仿这个： Goal

Answer 1

尝试更改系列中的选项：

series: [{
            name: name,
            data: data,
            color: {
                linearGradient : {
                    x1: 1,
                    y1: 0,
                    x2: 0,
                    y2: 0
                },
                stops : [
                    [0, Highcharts.Color('#FC4474').setOpacity(1).get('rgba')],
                    [1, Highcharts.Color('#5D48A1').setOpacity(1).get('rgba')],
                ]
            },
            fillColor : {
                linearGradient : {
                    x1: 1,
                    y1: 0,
                    x2: 0,
                    y2: 1
                },
                stops : [
                    [0, Highcharts.Color('#FC4474').setOpacity(0.7).get('rgba')],
                    [1, Highcharts.Color('#5D48A1').setOpacity(0).get('rgba')],
                ]
            }
        }]