首页 > 其他 > 详细

echarts柱状图一组数不同柱子的颜色修改

时间:2020-06-30 16:18:58      阅读:184      评论:0      收藏:0      [点我收藏+]
option = {
    xAxis: {
        type: ‘category‘,
        data: [‘Mon‘, ‘Tue‘, ‘Wed‘, ‘Thu‘, ‘Fri‘, ‘Sat‘, ‘Sun‘]
    },
    yAxis: {
        type: ‘value‘
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        itemStyle: {
            normal: {
                color: function(params) { 
                    var colorList = [‘#FC8D52‘,‘#5D9CEC‘,‘#64BD3D‘,‘#EE9201‘,‘#29AAE3‘, ‘#B74AE5‘,‘#0AAF9F‘,‘#E89589‘,‘#16A085‘,‘#4A235A‘,‘#C39BD3 ‘,‘#F9E79F‘,‘#BA4A00‘,‘#ECF0F1‘,‘#616A6B‘,‘#EAF2F8‘,‘#4A235A‘,‘#3498DB‘ ]; 
                    return colorList[params.dataIndex] 
                }
            },
        },
        type: ‘bar‘
    }]
};

技术分享图片

 

echarts柱状图一组数不同柱子的颜色修改

原文:https://www.cnblogs.com/wasbg/p/13214224.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!