first commit

web/statics/script/project_expense.js

@@ -0,0 +1,72 @@
+layui.use(['echarts'], function () {
+	let echarts = layui.echarts;
+	var column2 = echarts.init(document.getElementById('project_expense'));
+
+	option = {
+		// backgroundColor: '#ffffff',
+		title: {
+			text: '支出分布',
+			left: 'center',
+			top: 2,
+			fontSize: 15,
+			textStyle: {
+				color: '#666666',
+				fontWeight: 'normal'
+			}
+		},
+		color: ['#fed46b', '#2194ff',],
+		tooltip: {
+			trigger: 'axis',
+			axisPointer: { // 坐标轴指示器，坐标轴触发有效
+				type: 'shadow' // 默认为直线，可选为：'line' | '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',
+			// formatter: function (params) {
+			// 	return params.value + '%'
+			// }
+		},
+		series: [
+			{
+				type: 'bar',
+				data: [10, 52, 90, 70, 90, 70],
+				itemStyle: {
+					normal: {
+						color: '#f89588'
+					}
+				}
+			}
+		]
+	};
+	column2.setOption(option);
+
+	window.onresize = function () {
+		column2.resize();
+	}
+
+})