layui.use(['echarts'], function () {
	let echarts = layui.echarts;
	var column2 = echarts.init(document.getElementById('project_income_expense'));

	option = {
		title: {
			text: '项目收支情况',
			left: 'center',
			top: 2,
			fontSize: 15,
			textStyle: {
				color: '#666666',
				fontWeight: 'normal'
			}
		},
		color: ['#fed46b', '#2194ff',],
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'shadow'
			}
		},
		grid: {
			left: '3%',
			right: '4%',
			bottom: '10%',
			containLabel: true
		},
		legend: {
			left: 'center',
			top: 'bottom',
			data: ['支出金额', '收入金额']
		},
		xAxis: [{
			type: 'category',
			data: ['阿里云', '上海帆软', '简道云', '腾讯云', '华为云', '金山云', '腾讯云'],
			axisTick: {
				alignWithLabel: true
			}
		}],
		yAxis: [{
			name: '单位：元',
			type: 'value'
		}],
		barMaxWidth: '30',
		label: {
			show: true,
			position: 'top',
		},
		series: [
			{
				name: '支出金额',
				type: 'bar',
				data: [10, 52, 90, 70, 90, 70, 90],
				itemStyle: {
					normal: {
						color: '#f89588'
					}
				}
			},
			{
				name: '收入金额',
				type: 'bar',
				data: [90, 52, 90, 80, 90, 70, 90],
				itemStyle: {
					normal: {
						color: '#76da91'
					}
				}
			},
		]
	};
	column2.setOption(option);

	window.onresize = function () {
		column2.resize();
	}

})