柱形图渐变色

代码语言：javascript复制

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
      
       name:'浏览',
            type:'bar',
            itemStyle:{
                normal:{
                    //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上

                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ 
                        offset: 0,
                        color: '#508DFF'
                        // 508DFF 0%显示的颜色
                    }, {
                        offset: 1,
                        color: '#26C5FE'
                        // 100%显示的颜色
                    }])

                }
            },
            data:[10, 52, 200, 334,43,87]
        
    
    }]
};

渐变色.png

png

0 人点赞