Echarts 柱状图颜色控制

项目里使用Echarts开发柱状统计图，需要让每个柱子显示不同的颜色也颜色固定，简单通过color设置不起作用，现记录柱状图重要属性以及颜色控制方法。

xAxis

• 类型：{Array|Object}
• • 只有一个横轴坐标时，可以省略数组写成Object
• • 最多同时存在两条横轴，位置互斥，默认第一条在底部，第二条在顶部

// option 的xAxisxAxis : {       show : false,// 默认为true，显示下方x轴；设置为false不显示       type : 'category',// 坐标轴类型，共三种：类目category、数值、时间。       data : ['海尔','美的','格力']// 柱子名称       axisLabel : {// 坐标轴文本标签           show : false,// 默认为true，显示标签；设置为false不显示           interval : 0,// 默认为"auto",自动隐藏显示不下的标签；0：全部显示;{number}:用户指定间隔;{function}回调函数：传递参数[index，data[index]]，返回true显示，返回false隐藏           rotate : 90,// 默认为0:标签不旋转           textStyle{// 文字样式           }        }}   

yAxis

yAxis : [    {        type : 'value',        name:'数量',         min: 0,//最小是多少，最大是多少，默认一次增加多少         max: 30,         interval: 6,         axisLabel: {//显示格式化             formatter: '{value} 包'         }    }]

series

series : [    {        name: '数量',        type: 'bar',        itemStyle: {            normal: {    　　　　　　　 //这里用函数控制柱子颜色，定义一个list，然后根据所以取得不同的值                color: function(params) {                    var colorList = [                      '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',                       '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',                       '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'                    ];                    return colorList[params.dataIndex]                },　　　　                label: {                    show: true,                    position: 'top',                    formatter: '{b}\n{c}'                }            }        },　　　　　//设置柱的宽度，要是数据太少，柱子太宽不美观~　　　　　barWidth:70,        data: [28,15,9,4,7,8,23,11,17]    }]