您的位置:首页 > 其它

怎么让echarts柱状图同一个系列每个柱状颜色都不同

2017-09-01 16:26 579 查看
由于是让同一个系列中,所以要在系列配置中做文章,翻看echarts的api,有个color配置项,但配置项的值是一个颜色值,并不是数组,这可怎么办?经过网上搜索,返回color配置项可以配置一个函数,这个函数随机返回一个颜色值。完美解决。

配置项代码如下:

option = {
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
data:[10, 52, 200],
itemStyle:{
normal:{
color:function(params) {
// build a color map as your need.
var colorList = [
'#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
'#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
'#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
];
return colorList[params.dataIndex]
},
}
}
}
]
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: