Merge branch 'JIWOO' into advc

src/main/webapp/WEB-INF/jsp/oprtn/tngrVisitEdu/newEduPrfrmMngList.jsp

@@ -34,10 +34,10 @@
 		background-color: #ededed;
 	}
 </style>
+<script src="<c:url value='/js/echarts.min.js' />"></script>
 <script type="text/javascript">
 	$(document).ready(function(){
-
-
+				
 	});
 
     function press(event) {
@@ -316,6 +316,106 @@
 					<!-- //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="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'
+									}
+								},
+							],
+						}
+
+						<!--  차트 옵션 적용 -->
+						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'
+									}
+								},
+							],
+						}
+
+						<!--  차트 옵션 적용 -->
+						chartNOP.setOption(optionNOP);
+					</script>
+					<!-- /인원 차트 -->
+					<!-- /월별 횟수/교육인원 차트 -->
 
 
 					<!-- list util -->