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

Question

我正在尝试为区域样条图实现自上而下的淡入淡出效果，但使用多种颜色除外。

这是我目前所拥有的: 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')],
                ]
            }
        }]