first commit

web/statics/script/project_income_expense.js

@@ -0,0 +1,79 @@
+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();
+	}
+
+})