deptOption: {
grid: {
left: '0px',
top:'15px',
right: '100px',
bottom: '0px',
containLabel: true
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
orient: 'vertical',
x: "right",
padding:[15,0,0,0],
data: ['电动车', '堆物堆料', '消防通道', '防火门'],
textStyle: {
color: '#fff'
}
},
xAxis: {
type: 'category',
data: ['吉祥里', '雅宝里', '三丰里', '朝外街', '半截塔'],
axisLabel: {
color: '#fff',
},
axisLine: {
lineStyle: {
color: '#fff'
}
}
},
yAxis: {
type: 'value',
axisLabel: {
color: '#fff',
},
axisLine: {
lineStyle: {
color: '#ccc'
}
},
splitLine: {
show: false
}
},
series: [
{
name: '电动车',
type: 'bar',
stack: 'Ad',
emphasis: {
focus: 'series'
},
data: [320, 232, 101, 334, 28]
},
{
name: '堆物堆料',
type: 'bar',
stack: 'Ad',
emphasis: {
focus: 'series'
},
data: [120, 82, 11, 184, 100]
},
{
name: '消防通道',
type: 'bar',
stack: 'Ad',
emphasis: {
focus: 'series'
},
data: [220, 82, 191, 34, 86]
},
{
name: '防火门',
type: 'bar',
stack: 'Ad',
emphasis: {
focus: 'series'
},
data: [120, 22, 91, 334, 101]
}
]
},
echarts 堆叠柱状图
于 2022-11-17 13:52:49 首次发布