이지우 - 관리자 청소년 통계 차트 수정(막대+선 그래프), 운영서버 사용자 헤더에 배움터 링크들 주석

This commit is contained in:
jiwoo 2024-01-19 16:48:40 +09:00
parent 6e848a7fe2
commit e63242f0cf
2 changed files with 91 additions and 82 deletions

View File

@ -344,79 +344,90 @@
</script> </script>
</c:if> </c:if>
</c:forEach> </c:forEach>
<!-- 횟수 차트 -->
<div id="chartContainer" style="display:flex; width:100%;"> <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> </div>
<script type="text/javascript"> <script type="text/javascript">
<!-- 차트 선언 --> var chartAll = echarts.init(document.getElementById('chartAll'));
var chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
var month = ['1월', '2월', '3월', '4월', '5월','6월','7월','8월', '9월','10월','11월', '12월']; var month = ['1월', '2월', '3월', '4월', '5월','6월','7월','8월', '9월','10월','11월', '12월'];
//차트 옵션 지정하기
var optionNOT = { var optionAll = {
// 차트 제목 toolbox: {
title: { feature: {
text: '월별 횟수 차트 (총합 :' + dataNOTSum +')', //dataView: { show: true, readOnly: false },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true }
}
}, },
// x축 라벨 legend: {
xAxis: { data: ['횟수', '인원']
},
xAxis: [
{
type: 'category',
data: month, data: month,
axisPointer: {
type: 'shadow'
}
}
],
yAxis: [
{
type: 'value',
name: '횟수',
interval: 50,
max : dataNOTSum,
axisLabel: {
formatter: '{value}회'
}
}, },
yAxis: {}, {
type: 'value',
name: '인원',
interval: 50,
mas : dataNOTSum,
axisLabel: {
formatter: '{value}명'
}
}
],
series: [ series: [
{ {
name: '개수', name: '횟수',
type: 'bar', // 막대 그래프 type: 'bar',
data: dataNOT, tooltip: {
valueFormatter: function (value) {
return value + '회';
}
},
label: { label: {
show: true, show: true,
position: 'top' 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); chartAll.setOption(optionAll);
</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> </script>
</div> </div>
<!-- /인원 차트 -->
<!-- /월별 횟수/교육인원 차트 --> <!-- /월별 횟수/교육인원 차트 -->

View File

@ -240,14 +240,13 @@ function usrJoin(){
<div class="inner"> <div class="inner">
<div class="top_link"> <div class="top_link">
<ul> <ul>
<!-- <li><a href="https://edu-copyright.or.kr/portal/main.do">포털사이트</a></li> <!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
<li><a href="https://edu-copyright.or.kr/user/main/main.do">저작권e배움터</a></li> <c:if test="${environment ne 'real' }">
<li><a href="https://edu-copyright.or.kr/dsprUser/main/main.do">장애인e배움터</a></li>
<li class="on"><a href="https://www.edu-copyright.or.kr/offedu/web/main/mainPage.do">저작권배움터</a></li> -->
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li> <li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li> <li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li> <li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li> <li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
</c:if>
</ul> </ul>
</div> </div>
<!-- <div class="area_left"> <!-- <div class="area_left">
@ -311,14 +310,13 @@ function usrJoin(){
<div class="inner"> <div class="inner">
<div class="top_link"> <div class="top_link">
<ul> <ul>
<!-- <li><a href="https://edu-copyright.or.kr/portal/main.do">포털사이트</a></li> <!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
<li><a href="https://edu-copyright.or.kr/user/main/main.do">저작권e배움터</a></li> <c:if test="${environment ne 'real' }">
<li><a href="https://edu-copyright.or.kr/dsprUser/main/main.do">장애인e배움터</a></li>
<li class="on"><a href="https://edu-copyright.or.kr/offedu/web/main/mainPage.do">저작권배움터</a></li> -->
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li> <li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li> <li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li> <li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li> <li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
</c:if>
</ul> </ul>
</div> </div>
<!--<div class="area_left"> <!--<div class="area_left">