HighCharts区域样条线多色渐变不透明度渐变

HighCharts areaspline multicolor gradient opacity fade

本文关键字：渐变 不透明度 区域 样条 HighCharts      更新时间：2023-09-26

我正试图为一个区域样条线图实现自上而下的渐变效果，但使用多种颜色除外。

以下是我迄今为止所拥有的：图表

我试着模仿一下：目标

尝试更改系列中的选项：

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')],
                ]
            }
        }]
相关文章：