echarts 堆叠柱状图

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]
		}
	]
},

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值