Echarts带渐变色的折线图

Echarts带渐变色的折线图_第1张图片

只需要在series系列数据中加入渐进色即可实现上图效果。

                areaStyle: {
                    normal: {
                        //前四个参数代表位置 左下右上,如下表示从上往下渐变色 紫色到暗蓝色,
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                { offset: 0, color: 'rgba(210, 35, 231, 1)' }, 
                                { offset: 1, color: 'rgba(76, 143, 243, 0)' }
                            ]
                        )
                    }
                }

代码如下:




    
    EChartsTest
    
	


    
    

 

你可能感兴趣的:(Echarts带渐变色的折线图)