echart渐变

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

color: {
    type: 'linear',  // 'radial',
    x: 0.5,
    y: 0.5,
    x2: 0,
    y2: 1, //r: 0.5,
    colorStops: [{
        offset: 0, color: 'red' // 0% 处的颜色
    }, {
        offset: 1, color: 'blue' // 100% 处的颜色
    }],
    globalCoord: false // 缺省为 false
}

color: new echarts.graphic.LinearGradient(
   0, 0, 0, 1,       //4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始
                [
                    {offset: 0, color: '#000'},
                    {offset: 0.5, color: '#888'},
                    {offset: 1, color: '#ddd'}
                ]                //数组, 用于配置颜色的渐变过程. 每一项为一个对象, 包含offset和color两个参数. offset的范围是0 ~ 1, 用于表示位置
            )

 

来源：oschina

链接：https://my.oschina.net/u/3589012/blog/3146112