java/PlayPai.git

			@@ -115,10 +115,10 @@
			<div class="col-sm-10" style="width: 1500px" >
			</br>
			</br>
			<span id="yearRefund">本年退费额度:</span>
			<span id="monthRefund">本月退费额度:</span>
			<span id="weekRefund">本周退费额度:</span>
			<span id="todayRefund">本日退费额度:</span>
			<span id="yearRefund">本年退费额度:<span id="back1"></span></span>
			<span id="monthRefund">本月退费额度:<span id="back2"></span></span>
			<span id="weekRefund">本周退费额度:<span id="back3"></span></span>
			<span id="todayRefund">本日退费额度:<span id="back4"></span></span>
			</br>
			</br>
			<div id="refund" style="width: 1280px;height:500px;"></div>
			@@ -385,9 +385,9 @@
			ajax.start();
			}
			var ans = [];
			var weekX = [];
			var weekX = ["1","2","上周","本周"];
			var monthX = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
			var yearX = ["2023年","2024年","2025年","2026年","2027年","2028年"];
			var yearX = [];
			var timeX = [];
			var dataX = [];
			// 创建一个日期对象
			@@ -423,6 +423,9 @@
			getContent1(1);
			getContent2(1);
			var ajax = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
			yearX=resp.year


			var list = resp.yearMount;
			console.log(list);
			var t1 = document.getElementById("totalIncome");
			@@ -664,59 +667,78 @@
			var myChart6 = echarts.init(document.getElementById('teach'));
			var myChart7 = echarts.init(document.getElementById('courseData'));

			option1 = {
			tooltip: {
			trigger: 'axis'
			},
			legend: {
			data: ['年度退费', '月度退费', '周度退费', '日度退费']
			},
			grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true
			},
			toolbox: {
			feature: {
			saveAsImage: {}
			}
			},
			xAxis: {
			type: 'category',
			boundaryGap: false,
			data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			name: '年度退费',
			type: 'line',
			stack: 'Total',
			data: [120, 132, 101, 134, 90, 230, 160, 190, 410, 330, 210, 330]

			var ajax3 = new $ax(Feng.ctxPath + "/data/backPt", function(data){
			$("#back1").text(data.thisYear);
			$("#back2").text(data.thisMonth);
			$("#back3").text(data.thisWeek);
			$("#back4").text(data.thisDay);
			option1 = {

			tooltip: {
			trigger: 'axis'
			},
			{
			name: '月度退费',
			type: 'line',
			stack: 'Total',
			data: [220, 182, 191, 234, 290, 330, 310, 190, 210, 330, 410, 160]
			legend: {

			data: ['年度退费', '月度退费','周度退费','日度退费'],
			icon: 'stack',
			selectedMode: 'single', // 单选
			selected: {
			年度会员数: true,
			月度会员数: false,
			周度会员数: false,
			日度会员数: false
			}
			},
			{
			name: '周度退费',
			type: 'line',
			stack: 'Total',
			data: [150, 232, 201, 154, 190, 330, 410, 160, 210, 195, 210, 188]
			grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true
			},
			{
			name: '日度退费',
			type: 'line',
			stack: 'Total',
			data: [320, 332, 301, 334, 390, 330, 320, 10, 195, 145, 188, 160]
			}
			]
			};
			toolbox: {
			feature: {
			saveAsImage: {}
			}
			},
			xAxis: {
			type: 'category',
			boundaryGap: false,
			data: yearX
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			name: '年度退费',
			type: 'line',
			stack: 'Total',
			data: data.yearData
			},
			{
			name: '月度退费',
			type: 'line',
			stack: 'Total',
			data: data.monthData
			},
			{
			name: '周度退费',
			type: 'line',
			stack: 'Total',
			data: data.weekData
			},
			{
			name: '日度退费',
			type: 'line',
			stack: 'Total',
			data: data.dayData
			}
			]

			};
			});
			ajax3.start();


			option4 = {
			@@ -927,6 +949,22 @@
			}
			myChart.setOption(options, true)
			})


			myChart1.on('legendselectchanged', obj => {
			var options = myChart1.getOption()
			//这里是选择切换什么样的x轴，那么他会进行对Y值的切换
			if (obj.name == '年度退费') {
			options.xAxis[0].data = yearX
			} else if (obj.name == '月度退费') {
			options.xAxis[0].data = monthX
			} else if (obj.name == '周度退费') {
			options.xAxis[0].data = ["1","2","上周","本周"]
			} else if (obj.name == '日度退费') {
			options.xAxis[0].data = dataX
			}
			myChart1.setOption(options, true)
			})
			myChart2.on('legendselectchanged', obj => {
			var options = myChart2.getOption()
			//这里是选择切换什么样的x轴，那么他会进行对Y值的切换
			@@ -941,7 +979,6 @@
			}
			myChart2.setOption(options, true)
			});

			myChart3.on('legendselectchanged', obj => {
			var options = myChart3.getOption()
			//这里是选择切换什么样的x轴，那么他会进行对Y值的切换
			@@ -984,6 +1021,117 @@
			}else{
			$("#ensure").show();
			$("#nextB").hide();
			}

			if(type==2){
			var ajax = new $ax(Feng.ctxPath + "/data/stuUserData", function (data) {
			console.log(data,323232)
			var chartDom = document.getElementById('cookieAge');
			var myChart = echarts.init(chartDom);
			var option;
			option = {
			title: {
			text: '年龄分布',
			subtext: '',
			left: 'center'
			},
			tooltip: {
			trigger: 'item'
			},

			series: [
			{
			name: 'Access From',
			type: 'pie',
			radius: '50%',
			data: [
			{ value: data.age1, name: '0-12岁' },
			{ value: data.age2, name: '13-18岁' },
			{ value: data.age3, name: '19-25岁' },
			{ value: data.age4, name: '12-35岁' },
			{ value: data.age5, name: '36-50岁' },
			{ value: data.age6, name: '51岁以上' },

			],
			emphasis: {
			itemStyle: {
			shadowBlur: 10,
			shadowOffsetX: 0,
			shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
			}
			}
			]
			};
			myChart.setOption(option);



			var chartDom = document.getElementById('cookieGender');
			var myChart = echarts.init(chartDom);
			var option;
			option = {
			title: {
			text: '性别分布',
			subtext: '',
			left: 'center'
			},
			tooltip: {
			trigger: 'item'
			},

			series: [
			{
			name: 'Access From',
			type: 'pie',
			radius: '50%',
			data: [
			{ value: data.boy, name: '男' },
			{ value: data.girl, name: '女' },

			],
			emphasis: {
			itemStyle: {
			shadowBlur: 10,
			shadowOffsetX: 0,
			shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
			}
			}
			]
			};
			myChart.setOption(option);




			var chartDom = document.getElementById('city');
			var myChart = echarts.init(chartDom);
			var option;

			option = {
			xAxis: {
			type: 'category',
			data: data.cityData
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			data: data.cityNum,
			type: 'bar'
			}
			]
			};
			myChart.setOption(option);



			}, function (data) {

			});
			ajax.start();
			}


			@@ -1191,44 +1339,6 @@
			myChart.setOption(option);
			});
			$(function(){
			var chartDom = document.getElementById('cookieAge');
			var myChart = echarts.init(chartDom);
			var option;
			option = {
			title: {
			text: '年龄分布',
			subtext: '',
			left: 'center'
			},
			tooltip: {
			trigger: 'item'
			},

			series: [
			{
			name: 'Access From',
			type: 'pie',
			radius: '50%',
			data: [
			{ value: 1048, name: '0-7岁' },
			{ value: 735, name: '8-10岁' },
			{ value: 735, name: '11-12岁' },
			{ value: 735, name: '13岁以上' },

			],
			emphasis: {
			itemStyle: {
			shadowBlur: 10,
			shadowOffsetX: 0,
			shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
			}
			}
			]
			};
			myChart.setOption(option);
			});
			$(function(){
			var chartDom = document.getElementById('cookieTeachAge');
			var myChart = echarts.init(chartDom);
			var option;
			@@ -1252,42 +1362,6 @@
			{ value: $("#age2").val(), name: '8-10岁' },
			{ value:$("#age3").val(), name: '11-12岁' },
			{ value: $("#age4").val(), name: '13岁以上' },

			],
			emphasis: {
			itemStyle: {
			shadowBlur: 10,
			shadowOffsetX: 0,
			shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
			}
			}
			]
			};
			myChart.setOption(option);
			});
			$(function(){
			var chartDom = document.getElementById('cookieGender');
			var myChart = echarts.init(chartDom);
			var option;
			option = {
			title: {
			text: '性别分布',
			subtext: '',
			left: 'center'
			},
			tooltip: {
			trigger: 'item'
			},

			series: [
			{
			name: 'Access From',
			type: 'pie',
			radius: '50%',
			data: [
			{ value: 1048, name: '男' },
			{ value: 735, name: '女' },

			],
			emphasis: {
			@@ -1338,34 +1412,6 @@
			};
			myChart.setOption(option);
			});
			$(function(){
			var chartDom = document.getElementById('city');
			var myChart = echarts.init(chartDom);
			var option;

			option = {
			xAxis: {
			type: 'category',
			data: ['北京', '上海', '广东', '深圳', '成都', '曹县', '奥里给']
			},
			yAxis: {
			type: 'value'
			},
			series: [
			{
			data: [120, 200, 150, 80, 70, 110, 130],
			type: 'bar'
			}
			]
			};
			myChart.setOption(option);
			});

			function stuCourseData(){

			}
			$(function(){

			});
			</script>
			@}