option = {
tooltip: {
show: true,
trigger: 'axis',
showDelay: 0,
//formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}',
axisPointer: {
type: 'shadow'
}
},
toolbox: {
feature: {
dataView: {show: true, readOnly: false},
restore: {show: true},
saveAsImage: {show: true}
}
},
legend: {
data: ['图例1', '图例2', '图例3','图例4'],
icon: 'roundRect',
left: 'center',
top:'5%',
},
grid: {
left: '3%',
right: '10%',
bottom: '50%',
containLabel: true
},
yAxis: {
type: 'value',
//max:120,
splitLine: {
show: false
},
axisLabel: {
formatter: '{value} '
}
},
xAxis: {
// boundaryGap: true,
axisLine: {
show: true,
},
axisLabel: {
// margin: 10,
textStyle: {
fontSize: 16,
fontWeight: 'bolder',
}
},
data: [
'1月 ', '2月', '3月', '4月', '5月','6月 ', '7月', '8月', '9月', '10月', '11月','12月'
]
},
series: [{
name: '图例1',
type: 'bar',
// barGap: '-200%',
barWidth: 8,
z: 10,
itemStyle: {
normal: {
color: '#61A5E8'
}
},
data: [300, 194, 297, 480, 468,578,265, 390, 300, 390, 194,300]
},{
name: '图例2',
type: 'bar',
// barGap: '-200%',
barWidth: 8,
z: 10,
itemStyle: {
normal: {
color: 'red'
}
},
data: [300, 194, 297, 480, 468,578,265, 390, 300, 390, 194,300]
},
{
name: '图例3',
type: 'bar',
// barGap: '-200%',
barWidth: 8,
z: 10,
itemStyle: {
normal: {
color: 'green'
}
},
data: [300, 194, 297, 480, 468,578,265, 390, 300, 390, 194,300]
},
{
name: '图例4',
type: 'bar',
barWidth: 40,
barGap: '-200%',
itemStyle: {
normal: {
color: '#FCCE10'
}
},
data: [300, 400, 450, 578, 570,666, 300, 390, 585,300, 585,390]
}
]
};