【Echarts】渐变色实现方式

实现方式一：

color: {
            type: 'linear',
            //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
            x: 1, y: 1, x2: 0, y2: 0,
            colorStops: [
              {
                offset: 0,
                color: '#00FF66', // 0% 处的颜色
              },
              {
                offset: 1,
                color: 'rgba(0,255,102,0.20)', // 100% 处的颜色
              },
            ],
            global: false, // 缺省为 false
          },

 

实现方式二：

 

//左、下、右、上
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                            offset: 0,
                            color: 'rgba(13, 191, 255, 0)'
                        }, {
                            offset: .5,
                            color: 'rgba(13, 191, 255, .5)'
                        },{
                            offset: 1,
                            color: 'rgba(13, 191, 255, 1)'
                        }])