配置项如下
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": ["2015年", "2016年","2017年","2018年","2019年","2020年"],
"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": 3990
}, {
"value": 6120
},{
"value":4901
}, {
"value": 4320
},{
"value": 5551
}, {
"value": 5121
}]
},
{
name:'女生',
type: 'bar',
//silent: true,
"barWidth": "12",
//barGap: '-100%', // Make series be overlap
"data": [{
"value": 4302
}, {
"value": 5102
},{
"value": 5012
}, {
"value": 5322
},{
"value": 4875
}, {
"value": 5981
}]
}
]
};