이지우 - 관리자 청소년 통계 차트 수정(막대+선 그래프), 운영서버 사용자 헤더에 배움터 링크들 주석
This commit is contained in:
jiwoo
parent
6e848a7fe2
commit
e63242f0cf
@ -344,79 +344,90 @@
|
||||
</script>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- 횟수 차트 -->
|
||||
<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>
|
||||
|
||||
<script type="text/javascript">
|
||||
<!-- 차트 선언 -->
|
||||
var chartNOT = echarts.init(document.getElementById('chartNumOfTime'));
|
||||
var chartAll = echarts.init(document.getElementById('chartAll'));
|
||||
var month = ['1월', '2월', '3월', '4월', '5월','6월','7월','8월', '9월','10월','11월', '12월'];
|
||||
//차트 옵션 지정하기
|
||||
var optionNOT = {
|
||||
// 차트 제목
|
||||
title: {
|
||||
text: '월별 횟수 차트 (총합 :' + dataNOTSum +')',
|
||||
|
||||
var optionAll = {
|
||||
toolbox: {
|
||||
feature: {
|
||||
//dataView: { show: true, readOnly: false },
|
||||
magicType: { show: true, type: ['line', 'bar'] },
|
||||
restore: { show: true },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
// x축 라벨
|
||||
xAxis: {
|
||||
legend: {
|
||||
data: ['횟수', '인원']
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
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: [
|
||||
{
|
||||
name: '개수',
|
||||
type: 'bar', // 막대 그래프
|
||||
data: dataNOT,
|
||||
name: '횟수',
|
||||
type: 'bar',
|
||||
tooltip: {
|
||||
valueFormatter: function (value) {
|
||||
return value + '회';
|
||||
}
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
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);
|
||||
</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);
|
||||
chartAll.setOption(optionAll);
|
||||
</script>
|
||||
</div>
|
||||
<!-- /인원 차트 -->
|
||||
<!-- /월별 횟수/교육인원 차트 -->
|
||||
|
||||
|
||||
|
||||
@ -240,14 +240,13 @@ function usrJoin(){
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- <li><a href="https://edu-copyright.or.kr/portal/main.do">포털사이트</a></li>
|
||||
<li><a href="https://edu-copyright.or.kr/user/main/main.do">저작권e배움터</a></li>
|
||||
<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> -->
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<c:if test="${environment ne 'real' }">
|
||||
<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('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>
|
||||
</c:if>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <div class="area_left">
|
||||
@ -311,14 +310,13 @@ function usrJoin(){
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- <li><a href="https://edu-copyright.or.kr/portal/main.do">포털사이트</a></li>
|
||||
<li><a href="https://edu-copyright.or.kr/user/main/main.do">저작권e배움터</a></li>
|
||||
<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> -->
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<c:if test="${environment ne 'real' }">
|
||||
<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('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>
|
||||
</c:if>
|
||||
</ul>
|
||||
</div>
|
||||
<!--<div class="area_left">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user