Merge branch 'JIWOO' into advc
This commit is contained in:
jiwoo
commit
c28cdd55bd
@ -34,6 +34,7 @@
|
|||||||
background-color: #ededed;
|
background-color: #ededed;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
<script src="<c:url value='/js/echarts.min.js' />"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
@ -321,7 +322,108 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- //list -->
|
<!-- //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 -->
|
<!-- list util -->
|
||||||
|
|||||||
@ -28,11 +28,12 @@
|
|||||||
%>
|
%>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<head>
|
||||||
|
<script src="<c:url value='/js/echarts.min.js' />"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function linkPage(){
|
function linkPage(){
|
||||||
var listForm = document.listForm ;
|
var listForm = document.listForm ;
|
||||||
listForm.year.value = $('#year').val();
|
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();
|
listForm.submit();
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -151,6 +152,129 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- //list_상세 -->
|
<!-- //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_wrap btn_layout01">
|
||||||
<div class="btn_left">
|
<div class="btn_left">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -345,75 +345,77 @@
|
|||||||
</c:if>
|
</c:if>
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
<!-- 횟수 차트 -->
|
<!-- 횟수 차트 -->
|
||||||
<div id="chartNumOfTime" style="width: 100%; height:600px;">
|
<div id="chartContainer" style="display:flex; width:100%;">
|
||||||
</div>
|
<div id="chartNumOfTime" style="float:left; width: 50%; height:600px;">
|
||||||
|
</div>
|
||||||
<script type="text/javascript">
|
|
||||||
<!-- 차트 선언 -->
|
<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 chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
|
||||||
<!-- 차트 옵션 지정하기 -->
|
var month = ['1', '2', '3', '4', '5','6','7','8', '9','10','11', '12'];
|
||||||
var optionNOT = {
|
//차트 옵션 지정하기
|
||||||
// 차트 제목
|
var optionNOT = {
|
||||||
title: {
|
// 차트 제목
|
||||||
text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
|
title: {
|
||||||
},
|
text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
|
||||||
// x축 라벨
|
|
||||||
xAxis: {
|
|
||||||
data: month,
|
|
||||||
},
|
|
||||||
yAxis: {},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: '개수',
|
|
||||||
type: 'bar', // 막대 그래프
|
|
||||||
data: dataNOT,
|
|
||||||
label: {
|
|
||||||
show: true,
|
|
||||||
position: 'top'
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
],
|
// x축 라벨
|
||||||
}
|
xAxis: {
|
||||||
|
data: month,
|
||||||
<!-- 차트 옵션 적용 -->
|
|
||||||
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'
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
],
|
yAxis: {},
|
||||||
}
|
series: [
|
||||||
|
{
|
||||||
<!-- 차트 옵션 적용 -->
|
name: '개수',
|
||||||
chartNOP.setOption(optionNOP);
|
type: 'bar', // 막대 그래프
|
||||||
</script>
|
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>
|
||||||
<!-- /인원 차트 -->
|
<!-- /인원 차트 -->
|
||||||
<!-- /월별 횟수/교육인원 차트 -->
|
<!-- /월별 횟수/교육인원 차트 -->
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user