From e0cfe53794b2c90d9f42e5ec821dd5775758d737 Mon Sep 17 00:00:00 2001
From: liujie <liujie>
Date: 星期一, 09 十月 2023 12:00:53 +0800
Subject: [PATCH] update
---
cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html | 364 +++++++++++++++++++++++++++++----------------------
1 files changed, 205 insertions(+), 159 deletions(-)
diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
index 8ccd20e..7de5bb6 100644
--- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
+++ b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
@@ -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>
@}
--
Gitblit v1.7.1