From 9d36c34cabe776d52b8130030ef2860b0fcd2aa7 Mon Sep 17 00:00:00 2001
From: jiwoo <jiwoo@DESKTOP-SIDMR4Q>
Date: Fri, 12 Jan 2024 18:12:46 +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=A0=80=EC=9E=91=EA=B6=8C=EC=B2=B4?=
 =?UTF-8?q?=ED=97=98=EA=B5=90=EC=8B=A4=20=ED=86=B5=EA=B3=84=20=EC=B0=A8?=
 =?UTF-8?q?=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../adultVisitEdu/newEduPrfrmMngList.jsp      | 104 +++++++++++++-
 .../WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp     | 126 +++++++++++++++-
 .../oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp | 136 +++++++++---------
 3 files changed, 297 insertions(+), 69 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 01edadc1..93898fc3 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
@@ -34,6 +34,7 @@
 		background-color: #ededed;
 	}
 </style>
+<script src="<c:url value='/js/echarts.min.js' />"></script>
 <script type="text/javascript">
 	$(document).ready(function(){
 
@@ -321,7 +322,108 @@
 					</div>
 					<!-- //list -->
 
-
+					<!-- 월별 횟수/교육인원 차트 -->
+					<!-- 횟수합계 - dataNOT / 인원합계 = dataNOP -->
+					<c:forEach var="list" items="${list_no1}" varStatus="status">
+						<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 dataNOTSum = 0;
+								for(var i = 0; i<12; i++){
+									dataNOTSum += parseInt(dataNOT[i]);
+								}
+								if(isNaN(dataNOTSum)){
+									dataNOTSum = 0;
+								}
+							</script>
+						</c:if>
+						<c:if test="${status.count eq '6'}">
+							<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;
+								for(var x = 0; x<12; x++){
+									dataNOPSum += parseInt(dataNOP[x]);
+								}
+								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>
+						
+						<script type="text/javascript">
+							<!-- 차트 선언 -->
+							var chartNOT = echarts.init(document.getElementById('chartNumOfTime'))
+							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'
+										}
+									},
+								],
+							}
+	
+							<!--  차트 옵션 적용 -->
+							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);
+						</script>
+					</div>
+					<!-- /인원 차트 -->
+					<!-- /월별 횟수/교육인원 차트 -->
 
 
 					<!-- list util -->
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 72d82a36..b4bc954d 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
@@ -28,11 +28,12 @@
 %>
 <html lang="ko">
 <head>
+	<script src="<c:url value='/js/echarts.min.js' />"></script>
 	<script type="text/javascript">
 		function linkPage(){
 			var listForm = document.listForm ;
 			listForm.year.value = $('#year').val();
-			listForm.action = "<c:url value='/ve/stts/sttsEduCnt.do'/>";
+			listForm.action = "<c:url value='/oprtn/stts/sttsEduCnt.do'/>";
 			listForm.submit();
 		}
 	</script>
@@ -151,6 +152,129 @@
 				</div>
 				<!-- //list_상세 -->
 		
+				<!-- 월별 횟수/교육인원 차트 -->
+				<!-- 횟수합계 - dataNOT / 인원합계 = dataNOP -->
+				<script type="text/javascript">
+					var dataNOT = [
+						'${eduCntVO.jan}' 
+						, '${eduCntVO.feb}' 
+						, '${eduCntVO.mar}' 
+						, '${eduCntVO.apr}' 
+						, '${eduCntVO.may}' 
+						, '${eduCntVO.jun}' 
+						, '${eduCntVO.jul}' 
+						, '${eduCntVO.aug}' 
+						, '${eduCntVO.sep}' 
+						, '${eduCntVO.oct}' 
+						, '${eduCntVO.nov}' 
+						, '${eduCntVO.decm}'
+						, '${eduCntVO.tot}' ];
+					var dataNOTSum = 0;
+					for(var i = 0; i<12; i++){
+						dataNOTSum += parseInt(dataNOT[i]);
+					}
+					if(isNaN(dataNOTSum)){
+						dataNOTSum = 0;
+					}
+					var dataNOP = [
+						'${eduPrsnlCntVO.jan}' 
+						, '${eduPrsnlCntVO.feb}' 
+						, '${eduPrsnlCntVO.mar}' 
+						, '${eduPrsnlCntVO.apr}' 
+						, '${eduPrsnlCntVO.may}' 
+						, '${eduPrsnlCntVO.jun}' 
+						, '${eduPrsnlCntVO.jul}' 
+						, '${eduPrsnlCntVO.aug}' 
+						, '${eduPrsnlCntVO.sep}' 
+						, '${eduPrsnlCntVO.oct}' 
+						, '${eduPrsnlCntVO.nov}' 
+						, '${eduPrsnlCntVO.decm}'
+						, '${eduPrsnlCntVO.tot}' 
+						
+						]; 
+					var dataNOPSum = 0;
+					for(var x = 0; x<12; x++){
+						dataNOPSum += parseInt(dataNOP[x]);
+					}
+					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>
+					
+					<script type="text/javascript">
+						<!-- 차트 선언 -->
+						var chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
+						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'
+									}
+								},
+							],
+						}
+
+						<!--  차트 옵션 적용 -->
+						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);
+					</script>
+				</div>
+				<!-- /인원 차트 -->
+				<!-- /월별 횟수/교육인원 차트 -->
+				
 				<div class="btn_wrap btn_layout01">
 					<div class="btn_left">
 					</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 947f290a..4cc856eb 100644
--- a/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp
@@ -345,75 +345,77 @@
 						</c:if>
 					</c:forEach>
 					<!-- 횟수 차트 -->
-					<div id="chartNumOfTime" style="width: 100%; height:600px;">
-					</div>
-					
-					<script type="text/javascript">
-						<!-- 차트 선언 -->
-						var chartNOT = echarts.init(document.getElementById('chartNumOfTime'))
-						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'
-									}
+					<div id="chartContainer" style="display:flex; width:100%;">
+						<div id="chartNumOfTime" style="float:left; width: 50%; height:600px;">
+						</div>
+						
+						<script type="text/javascript">
+							<!-- 차트 선언 -->
+							var chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
+							var month = ['1', '2', '3', '4', '5','6','7','8', '9','10','11', '12'];
+							//차트 옵션 지정하기
+							var optionNOT = {
+								// 차트 제목
+								title: {
+									text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
 								},
-							],
-						}
-
-						<!--  차트 옵션 적용 -->
-						chartNOT.setOption(optionNOT);
-					</script>
-					<!-- /횟수 차트 -->
-
-					<!-- 인원 차트 -->
-					<div id="chartNumOfPeople" style="width: 100%; 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'
-									}
+								// x축 라벨
+								xAxis: {
+									data: month,
 								},
-							],
-						}
-
-						<!--  차트 옵션 적용 -->
-						chartNOP.setOption(optionNOP);
-					</script>
+								yAxis: {},
+								series: [
+									{
+										name: '개수',
+										type: 'bar', // 막대 그래프
+										data: dataNOT,
+										label: {
+											show: true,
+											position: 'top'
+										}
+									},
+								],
+							}
+	
+							//차트 옵션 적용
+							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);
+						</script>
+					</div>
 					<!-- /인원 차트 -->
 					<!-- /월별 횟수/교육인원 차트 -->