配置项如下
option ={
backgroundColor: 'RGB(2,22,76)',
color: ['RGB(1,255,152)', 'RGB(244,191,70)','pink'],
title: {
text: '优秀学生人数分析',
top: 21,
left: '21',
textStyle: {
fontSize: 18,
color: '#fff'
}
},
animation: false,
"grid": {
"top": "67",
"left": "32",
"bottom": "15",
"right": "39",
"containLabel": true
},
"legend":{
"show":true,
top: 15,
right: 26,
data:['优秀学生','三好学生'],
textStyle:{
color: "RGB(193,223,255)"
}
},
"xAxis": [{
"type": "category",
"data": ["一班", "二班","三班","四班","五班","六班"],
"axisTick": {
"alignWithLabel": true
},
"nameTextStyle": {
"color": "#fff"
},
"axisLine": {
"lineStyle": {
"color": "RGB(47,68,114)"
}
},
"axisLabel": {
"textStyle": {
"color": "white"
},
margin: 20
}
}],
"yAxis": [{
"type": "value",
"axisLabel": {
"textStyle": {
"color": "white"
},
"formatter": "{value}"
},
"splitLine": {
"lineStyle": {
"type": "dashed",
"color": "RGB(47,68,114)"
}
},
"axisLine": {
"show": true,
"lineStyle": {
"color": "RGB(47,68,114)"
}
}
}],
"series": [{
name:'优秀学生',
type: 'bar',
//silent: true,
"barWidth": "12",
//barGap: '-100%', // Make series be overlap
"data": [{
"value": 3
}, {
"value": 6
},{
"value": 9
}, {
"value": 6
},{
"value": 1
}, {
"value": 6
}]
},
{
name:'三好学生',
type: 'bar',
//silent: true,
"barWidth": "12",
//barGap: '-100%', // Make series be overlap
"data": [{
"value": 8
}, {
"value": 4
},{
"value": 8
}, {
"value": 4
},{
"value": 8
}, {
"value": 4
}]
}
]
};