tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'JIWOO' into advc

Browse Source
This commit is contained in:
jiwoo 2024-01-12 18:13:59 +09:00
commit c28cdd55bd
3 changed files with 297 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
src/main/webapp/WEB-INF/jsp/oprtn/adultVisitEdu/newEduPrfrmMngList.jsp
View File

@ -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 -->

126
src/main/webapp/WEB-INF/jsp/oprtn/stts/sttsEduCnt.jsp
View File

@ -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>

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

@ -345,75 +345,77 @@
</c:if>
</c:forEach>
<!-- 횟수 차트 -->
<div id="chartNumOfTime" style="width: 100%; height:600px;">
</div>
<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'
}
<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,
},
],
}
yAxis: {},
series: [
{
name: '개수',
type: 'bar', // 막대 그래프
data: dataNOT,
label: {
show: true,
position: 'top'
}
},
],
}
<!-- 차트 옵션 적용 -->
chartNOP.setOption(optionNOP);
</script>
//차트 옵션 적용
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>
<!-- /인원 차트 -->
<!-- /월별 횟수/교육인원 차트 -->