From 70343781a2519c22033ebc9e8598892513165c89 Mon Sep 17 00:00:00 2001
From: jiwoo <jiwoo@DESKTOP-SIDMR4Q>
Date: Mon, 22 Jan 2024 10:10:09 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=9A=B0=20-=20=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=EC=9E=90=20=EC=B2=AD=EC=86=8C=EB=85=84,=20=EC=84=B1?=
 =?UTF-8?q?=EC=9D=B8,=20=EC=B2=B4=ED=97=98=EA=B5=90=EC=8B=A4=20=EC=B0=A8?=
 =?UTF-8?q?=ED=8A=B8=20=EC=88=98=EC=A0=95(=EB=A7=89=EB=8C=80=20+=20?=
 =?UTF-8?q?=EC=84=A0=20=EA=B7=B8=EB=9E=98=ED=94=84)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../adultVisitEdu/newEduPrfrmMngList.jsp      | 163 ++++++++++-------
 .../WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp     | 173 +++++++++++-------
 .../oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp |  36 +++-
 3 files changed, 235 insertions(+), 137 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
index 8b041b26..f6b7c0ec 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
@@ -328,10 +328,19 @@
 						<c:if test="${status.count eq '3'}">
 							<script type="text/javascript">
 								var dataNOT = ['${list.mnt01}', '${list.mnt02}', '${list.mnt03}', '${list.mnt04}', '${list.mnt05}', '${list.mnt06}', '${list.mnt07}', '${list.mnt08}', '${list.mnt09}', '${list.mnt10}', '${list.mnt11}', '${list.mnt12}'];
+								var maxNOT = Number(dataNOT[0]);
 								var dataNOTSum = 0;
 								for(var i = 0; i<12; i++){
+									var NOTs = Number(dataNOT[i]);
+									if(!isNaN(NOTs)){
+										if(NOTs > maxNOT){
+											maxNOT = NOTs
+										}
+											
+									}
 									dataNOTSum += parseInt(dataNOT[i]);
 								}
+								maxNOT = Math.ceil(maxNOT / 10) * 10;
 								if(isNaN(dataNOTSum)){
 									dataNOTSum = 0;
 								}
@@ -341,88 +350,110 @@
 							<script type="text/javascript">
 								var dataNOP = ['${list.mnt01}', '${list.mnt02}', '${list.mnt03}', '${list.mnt04}', '${list.mnt05}', '${list.mnt06}', '${list.mnt07}', '${list.mnt08}', '${list.mnt09}', '${list.mnt10}', '${list.mnt11}', '${list.mnt12}']; 
 								var dataNOPSum = 0;
+								var maxNOP = Number(dataNOP[0]);
 								for(var x = 0; x<12; x++){
+									var NOPs = Number(dataNOP[x]);
+									if(!isNaN(NOPs)){
+										if(NOPs > maxNOP){
+											maxNOP = NOPs
+										}
+											
+									}
 									dataNOPSum += parseInt(dataNOP[x]);
 								}
+								maxNOP = Math.ceil(maxNOP / 100) * 100;
 								if(isNaN(dataNOPSum)){
 									dataNOPSum = 0;
 								}
 							</script>
 						</c:if>
 					</c:forEach>
-					<!-- 횟수 차트 -->
 					<div id="chartContainer" style="display:flex; width:100%;">
-						<div id="chartNumOfTime" style="float:left; width: 50%; height:600px;">
+						<div id="chartAll" style="float:left; width: 100%; height:600px;">
 						</div>
-						
 						<script type="text/javascript">
-							<!-- 차트 선언 -->
-							var chartNOT = echarts.init(document.getElementById('chartNumOfTime'))
+							var chartAll = echarts.init(document.getElementById('chartAll'));
 							var month = ['1월', '2월', '3월', '4월', '5월','6월','7월','8월', '9월','10월','11월', '12월'];
-							<!-- 차트 옵션 지정하기 -->
-							var optionNOT = {
-								// 차트 제목
-								title: {
-									text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
-								},
-								// x축 라벨
-								xAxis: {
-									data: month,
-								},
-								yAxis: {},
-								series: [
-									{
-										name: '개수',
-										type: 'bar', // 막대 그래프
-										data: dataNOT,
-										label: {
-											show: true,
-											position: 'top'
+							
+							var optionAll = {
+									toolbox: {
+												feature: {
+													//dataView: { show: true, readOnly: false },
+													magicType: { show: true, type: ['line', 'bar'] },
+													restore: { show: true },
+													saveAsImage: { show: true }
+												}
+											},
+									legend: {
+												data: ['횟수', '인원']
+											},
+									xAxis: [
+												{
+													type: 'category',
+													data: month,
+													axisPointer: {
+														type: 'shadow'
+													}
+												}
+										  ],
+									yAxis: [
+												{
+													type: 'value',
+													name: '횟수',
+													interval: 50,
+													/* max : maxNOT, */
+													alignTicks: true,
+													axisLabel: {
+														formatter: '{value}회'
+													}
+												},
+												{
+													type: 'value',
+													name: '인원',
+													interval: 50,
+													/* max : maxNOP, */
+													alignTicks: true,
+													axisLabel: {
+													  formatter: '{value}명'
+													}
+												}
+											],
+									series: [
+												{
+													name: '횟수',
+													type: 'bar',
+													tooltip: {
+														valueFormatter: function (value) {
+															return value + '회';
+														}
+													},
+													label: {
+														show: true,
+														position: 'top'
+													},
+													data: dataNOT
+												},
+												{
+													name: '인원',
+													type: 'line',
+													yAxisIndex: 1,
+													tooltip: {
+														valueFormatter: function (value) {
+															return value + '명';
+														}
+													},
+													label: {
+														show: true,
+														position: 'top'
+													},
+													data: dataNOP
+												}
+											]
 										}
-									},
-								],
-							}
-	
-							<!--  차트 옵션 적용 -->
-							chartNOT.setOption(optionNOT);
-						</script>
-						<!-- /횟수 차트 -->
-	
-						<!-- 인원 차트 -->
-						<div id="chartNumOfPeople" style="float:right; width: 50%; height:600px;">
-						</div>
-						<script type="text/javascript">
-							<!-- 차트 선언 -->
-							var chartNOP = echarts.init(document.getElementById('chartNumOfPeople'))
-							<!-- 차트 옵션 지정하기 -->
-							var optionNOP = {
-								// 차트 제목
-								title: {
-									text: '월별 인원 차트(총합 :' + dataNOPSum +')',
-								},
-								// x축 라벨
-								xAxis: {
-									data: month,
-								},
-								yAxis: {},
-								series: [
-									{
-										name: '개수',
-										type: 'bar', // 막대 그래프
-										data: dataNOP,
-										label: {
-											show: true,
-											position: 'top'
-										}
-									},
-								],
-							}
-	
-							<!--  차트 옵션 적용 -->
-							chartNOP.setOption(optionNOP);
+								//차트 옵션 적용
+								chartAll.setOption(optionAll);
 						</script>
 					</div>
-					<!-- /인원 차트 -->
 					<!-- /월별 횟수/교육인원 차트 -->
 
 
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
index 3ad0ff48..60c69972 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
@@ -168,11 +168,20 @@
 						, '${eduCntVO.oct}' 
 						, '${eduCntVO.nov}' 
 						, '${eduCntVO.decm}'
-						, '${eduCntVO.tot}' ];
+						];
 					var dataNOTSum = 0;
+					var maxNOT = Number(dataNOT[0]);
 					for(var i = 0; i<12; i++){
+						var NOTs = Number(dataNOT[i]);
+						if(!isNaN(NOTs)){
+							if(NOTs > maxNOT){
+								maxNOT = NOTs
+							}
+								
+						}
 						dataNOTSum += parseInt(dataNOT[i]);
 					}
+					maxNOT = Math.ceil(maxNOT / 10) * 10;
 					if(isNaN(dataNOTSum)){
 						dataNOTSum = 0;
 					}
@@ -189,87 +198,117 @@
 						, '${eduPrsnlCntVO.oct}' 
 						, '${eduPrsnlCntVO.nov}' 
 						, '${eduPrsnlCntVO.decm}'
-						, '${eduPrsnlCntVO.tot}' 
-						
 						]; 
 					var dataNOPSum = 0;
+					var maxNOP = Number(dataNOP[0]);
 					for(var x = 0; x<12; x++){
+						var NOPs = Number(dataNOP[x]);
+						if(!isNaN(NOPs)){
+							if(NOPs > maxNOP){
+								maxNOP = NOPs
+							}
+								
+						}
 						dataNOPSum += parseInt(dataNOP[x]);
 					}
+					maxNOP = Math.ceil(maxNOP / 10) * 10;
 					if(isNaN(dataNOPSum)){
 						dataNOPSum = 0;
 					}
 				</script>
 				<!-- 횟수 차트 -->
 				<div id="chartContainer" style="display:flex; width:100%;">
-					<div id="chartNumOfTime" style="float:left; width: 50%; height:600px;">
+					<div id="chartAll" style="float:left; width: 100%; height:600px;">
 					</div>
-					
 					<script type="text/javascript">
-						<!-- 차트 선언 -->
-						var chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
+						var chartAll = echarts.init(document.getElementById('chartAll'));
 						var month = ['1월', '2월', '3월', '4월', '5월','6월','7월','8월', '9월','10월','11월', '12월'];
-						<!-- 차트 옵션 지정하기 -->
-						var optionNOT = {
-							// 차트 제목
-							title: {
-								text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
-							},
-							// x축 라벨
-							xAxis: {
-								data: month,
-							},
-							yAxis: {},
-							series: [
-								{
-									name: '개수',
-									type: 'bar', // 막대 그래프
-									data: dataNOT,
-									label: {
-										show: true,
-										position: 'top'
+						
+						var optionAll = {
+								toolbox: {
+											feature: {
+												//dataView: { show: true, readOnly: false },
+												magicType: { show: true, type: ['line', 'bar'] },
+												restore: { show: true },
+												saveAsImage: { show: true }
+											}
+										},
+								legend: {
+											data: ['횟수', '인원']
+										},
+								xAxis: [
+											{
+												type: 'category',
+												data: month,
+												axisPointer: {
+													type: 'shadow'
+												}
+											}
+									  ],
+								yAxis: [
+											{
+												type: 'value',
+												name: '횟수',
+												interval: 50,
+												/* max : maxNOT, */
+												alignTicks: true,
+												axisLabel: {
+													formatter: '{value}회'
+												}
+											},
+											{
+												type: 'value',
+												name: '인원',
+												interval: 50,
+												/* max : maxNOP, */
+												alignTicks: true,
+												axisLabel: {
+												  formatter: '{value}명'
+												}
+											}
+										],
+								series: [
+											{
+												name: '횟수',
+												type: 'bar',
+												tooltip: {
+													valueFormatter: function (value) {
+														return value + '회';
+													}
+												},
+												label: {
+													show: true,
+													position: 'top',
+													lineHeight : 20,
+													formatter : function(e){
+														return e.data + "회";
+													}
+												},
+												data: dataNOT
+											},
+											{
+												name: '인원',
+												type: 'line',
+												yAxisIndex: 1,
+												tooltip: {
+													valueFormatter: function (value) {
+														return value + '명';
+													}
+												},
+												label: {
+													show: true,
+													position: 'top',
+													lineHeight : 50,
+													formatter : function(e){
+														return e.data + "명";
+													}
+												},
+												data: dataNOP
+											}
+										]
 									}
-								},
-							],
-						}
-
-						<!--  차트 옵션 적용 -->
-						chartNOT.setOption(optionNOT);
-					</script>
-					<!-- /횟수 차트 -->
-
-					<!-- 인원 차트 -->
-					<div id="chartNumOfPeople" style="float:right; width: 50%; height:600px;">
-					</div>
-					<script type="text/javascript">
-						<!-- 차트 선언 -->
-						var chartNOP = echarts.init(document.getElementById('chartNumOfPeople'));
-						<!-- 차트 옵션 지정하기 -->
-						var optionNOP = {
-							// 차트 제목
-							title: {
-								text: '월별 인원 차트(총합 :' + dataNOPSum +')',
-							},
-							// x축 라벨
-							xAxis: {
-								data: month,
-							},
-							yAxis: {},
-							series: [
-								{
-									name: '개수',
-									type: 'bar', // 막대 그래프
-									data: dataNOP,
-									label: {
-										show: true,
-										position: 'top'
-									}
-								},
-							],
-						}
-
-						<!--  차트 옵션 적용 -->
-						chartNOP.setOption(optionNOP);
+							//차트 옵션 적용
+							chartAll.setOption(optionAll);
 					</script>
 				</div>
 				<!-- /인원 차트 -->
diff --git a/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp b/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp
index af0d7a47..eed2bcc0 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp
@@ -322,10 +322,19 @@
 						<c:if test="${status.count eq '3'}">
 							<script type="text/javascript">
 								var dataNOT = ['${list.mnt01}', '${list.mnt02}', '${list.mnt03}', '${list.mnt04}', '${list.mnt05}', '${list.mnt06}', '${list.mnt07}', '${list.mnt08}', '${list.mnt09}', '${list.mnt10}', '${list.mnt11}', '${list.mnt12}'];
+								var maxNOT = Number(dataNOT[0]);
 								var dataNOTSum = 0;
 								for(var i = 0; i<12; i++){
+									var NOTs = Number(dataNOT[i]);
+									if(!isNaN(NOTs)){
+										if(NOTs > maxNOT){
+											maxNOT = NOTs
+										}
+											
+									}
 									dataNOTSum += parseInt(dataNOT[i]);
 								}
+								maxNOT = Math.ceil(maxNOT / 10) * 10;
 								if(isNaN(dataNOTSum)){
 									dataNOTSum = 0;
 								}
@@ -335,9 +344,18 @@
 							<script type="text/javascript">
 								var dataNOP = ['${list.mnt01}', '${list.mnt02}', '${list.mnt03}', '${list.mnt04}', '${list.mnt05}', '${list.mnt06}', '${list.mnt07}', '${list.mnt08}', '${list.mnt09}', '${list.mnt10}', '${list.mnt11}', '${list.mnt12}']; 
 								var dataNOPSum = 0;
+								var maxNOP = Number(dataNOP[0]);
 								for(var x = 0; x<12; x++){
+									var NOPs = Number(dataNOP[x]);
+									if(!isNaN(NOPs)){
+										if(NOPs > maxNOP){
+											maxNOP = NOPs
+										}
+											
+									}
 									dataNOPSum += parseInt(dataNOP[x]);
 								}
+								maxNOP = Math.ceil(maxNOP / 100) * 100;
 								if(isNaN(dataNOPSum)){
 									dataNOPSum = 0;
 								}
@@ -377,7 +395,8 @@
 													type: 'value',
 													name: '횟수',
 													interval: 50,
-													max : dataNOTSum,
+													alignTicks: true,
+													/* max : maxNOT, */
 													axisLabel: {
 														formatter: '{value}회'
 													}
@@ -386,7 +405,8 @@
 													type: 'value',
 													name: '인원',
 													interval: 50,
-													mas : dataNOTSum,
+													alignTicks: true,
+													/* max : maxNOP, */
 													axisLabel: {
 													  formatter: '{value}명'
 													}
@@ -403,7 +423,11 @@
 													},
 													label: {
 														show: true,
-														position: 'top'
+														position: 'top',
+														lineHeight : 20,
+														formatter : function(e){
+															return e.data + "회";
+														}
 													},
 													data: dataNOT
 												},
@@ -418,7 +442,11 @@
 													},
 													label: {
 														show: true,
-														position: 'top'
+														position: 'top',
+														lineHeight : 50,
+														formatter : function(e){
+															return e.data + "명";
+														}
 													},
 													data: dataNOP
 												}