option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
},
legend: {
right: 'center',
top: 0,
icon: 'roundRect',
itemGap: 20,
itemWidth: 14,
itemHeight: 14,
textStyle: {
color: '#2C3E50',
}
},
textStyle: {
color: '#2C3E50',
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
nameTextStyle: {
color: '#2C3E50',
fontSize: 14,
},
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: '#D5DBDE'
}
},
axisLine: {
show: true,
lineStyle: {
color: '#D5DBDE'
}
},
}
],
yAxis: [
{
type: 'value',
splitLine: {
show: true,
lineStyle: {
color: '#D5DBDE'
}
}
}
],
color: ['#F86846', '#3DB7CE', '#FFB11A', '#5ED8A9'],
series: [
{
name: '逾期',
type: 'bar',
stack: 'Ad',
barWidth: 12,
emphasis: {
focus: 'series'
},
data: [90, 132, 101, 134, 220, 182, 191, 234, 191, 234, 132, 101]
},
{
name: '减免',
type: 'bar',
stack: 'Ad',
barWidth: 12,
emphasis: {
focus: 'series'
},
data: [220, 182, 191, 234, 90, 132, 101, 134, 220, 191, 234, 191]
},
{
name: '待付',
type: 'bar',
stack: 'Ad',
barWidth: 12,
emphasis: {
focus: 'series'
},
data: [150, 232, 90, 132, 101, 134, 220, 201, 154, 232, 90, 132]
},
{
name: '已收',
type: 'bar',
stack: 'Ad',
barWidth: 12,
emphasis: {
focus: 'series'
},
data: [150, 232,90, 132, 101, 134, 220, 201, 154, 90, 132, 101]
},
]
};