![625c2ff54ef615bd8f880a90159bcdcc.png](https://i-blog.csdnimg.cn/blog_migrate/5a94c1e08d9521f4202101cee8e19b24.jpeg)
![d198353a7b3b6fd19a593088ab060cff.png](https://i-blog.csdnimg.cn/blog_migrate/7f2877e97de7907dfe2023c6c2c28fcb.jpeg)
在itemStyle中添加即可
series: [{
name: '降水量',
type: 'bar',
label: {
normal: {
show: true,
position: 'top'
}
},
itemStyle: {
normal: {
// 随机显示
//color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}
// 定制显示(按顺序)
color: function(params) {
var colorList = ['#C33531','#EFE42A','#64BD3D','#EE9201','#29AAE3', '#B74AE5','#0AAF9F','#E89589','#16A085','#4A235A','#C39BD3 ','#F9E79F','#BA4A00','#ECF0F1','#616A6B','#EAF2F8','#4A235A','#3498DB' ];
return colorList[params.dataIndex]
}
},
},
data: [32.6, 25.9, 39.0, 26.4, 28.7, 70.7, 75.6, 82.2, 48.7, 58.8, 16.0, 32.3],
}]
或者固定颜色
yAxis : [
{
type : 'value',
show:false
}
],
series : [
{
name:'总数量',
type:'bar',
barWidth: '60%',
color: '#338AF6',
data:[10, 52, 200, 334, 390, 330, 220],
}
]
增加每个百分比 % :增加代码: formatter: '{c}%',具体如下:
series: [{
name: '总数量',
type: 'bar',
barWidth: '60%',
itemStyle: {
normal: {
// 随机显示
//color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}
// 定制显示(按顺序)
color: function(params) {
var colorList = ['#338AF6', '#78C77D', '#F4D35F', '#435184', '#8C67DE', '#6BC8CA', '#0AAF9F', '#E89589', '#16A085', '#4A235A', '#C39BD3 ', '#F9E79F', '#BA4A00', '#ECF0F1', '#616A6B', '#EAF2F8', '#4A235A', '#3498DB'];
return colorList[params.dataIndex]
},
label: {
show: true,
formatter: '{c}%',
position: 'top'
}
}
},
data: [50, 20, 70, 48, 40, 52]
}]
![d198353a7b3b6fd19a593088ab060cff.png](https://i-blog.csdnimg.cn/blog_migrate/7f2877e97de7907dfe2023c6c2c28fcb.jpeg)