Echarts颜色渐变

743 阅读1分钟

直接步入正题:

itemStyle: {
    normal: {
        color: new echarts.graphic.LinearGradient(
            0, 0, 0, 1,
            [{offset: 0, color: '#000'},
            {offset: 0.5, color: '#888'},
            {offset: 1, color: '#ddd'}]
        )
    }
}

前4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始.
第5个参数则是一个数组, 用于配置颜色的渐变过程. 包含offset和color两个参数. offset的范围是0 ~ 1, 用于表示位置, color表示颜色