Files
eapim-admin/WebContent/jsp/onl/statistics/system/systemDailyMan.jsp
T
Rinjae c54ef1903f init
2025-09-05 17:16:26 +09:00

400 lines
22 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/jqplotCss.jsp"/>
<jsp:include page="/jsp/common/include/jqplotScript.jsp"/>
<script language="javascript" >
var url ='<c:url value="/onl/statistics/system/systemDailyMan.json" />';
var url_view ='<c:url value="/onl/statistics/system/systemDailyMan.view" />';
var url_excel = '<c:url value="/onl/statistics/system/systemDailyMan.excel" />';
var plotChart1; // jqplot 저장 (chart1).
var plotChart2; // jqplot 저장 (chart2).
// Browser 버전에 따라서 jqgrid의 옵션중에 rownum 값을 셋팅합니다.
function getRowNum()
{
return ieV8Chk() ? 100 : 10000;
}
function detail(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
}
$(document).ready(function() {
$("input[name=searchStart],input[name=searchEnd]").inputmask("9999-99",{'autoUnmask':true});
$("input[name=searchStart],input[name=searchEnd]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){
$(this).val(getBeforeMonth());
}
});
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$('#grid').jqGrid({
datatype:"json",
mtype: 'POST',
url: url,
postData : gridPostData,
colNames:['<%= localeMessage.getString("sysDayMan.sysName")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
,'<%= localeMessage.getString("sysDayMan.send")%>'
,'<%= localeMessage.getString("sysDayMan.err")%>'
],
colModel:[
{ name : 'SYSTEM' , align:'left' ,width:'200px' , sortable:false},
{ name : 'DDTRSMTNOITM1' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM1' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM2' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM2' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM3' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM3' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM4' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM4' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM5' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM5' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM6' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM6' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM7' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM7' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM8' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM8' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM9' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM9' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM10' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM10' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM11' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM11' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM12' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM12' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM13' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM13' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM14' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM14' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM15' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM15' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM16' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM16' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM17' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM17' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM18' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM18' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM19' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM19' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM20' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM20' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM21' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM21' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM22' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM22' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM23' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM23' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM24' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM24' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM25' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM25' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM26' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM26' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM27' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM27' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM28' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM28' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM29' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM29' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM30' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM30' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDTRSMTNOITM31' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} },
{ name : 'DDERRNOITM31' , align:'right' ,width:'60px' , formatter: 'integer', formatoptions:{thousandsSeparator:","} }
],
jsonReader: {
repeatitems:false
},
height: 260,
autowidth: true,
rowNum : 10000, // Grid에 표시될 레코드 수 설정.
viewrecords: true, // 총 레코드 수를 페이징바에 표시. (default: false)
gridview: true, // jqGrid의 성능 향상 - treeGrid, subGrid, afterInsertRow event의 경우 제외.
shrinkToFit: false, // 가로 스크롤바 사용
footerrow:true, // 하단에 summary row 출력여부.(default: false)
userDataOnFooter:true,
rownumbers:true, // Grid의 행번호 출력여부.(default: false)
gridComplete:function (d){
var colModel = $(this).getGridParam("colModel");
for(var i = 0 ; i< colModel.length; i++){
$(this).setColProp(colModel[i].name, {sortable : false}); //그리드 헤더 화살표 삭제(정렬X)
}
},
loadComplete:function (d){
if(plotChart1 == undefined || plotChart1 == null)
{
var rowsData = d.rows;
var sumData = d.totalSum;
var sumDataObj = new Object();
var i = 1;
$("#chart1").empty();
$("#chart2").empty();
plotChart1 = jqLineChart('chart1', rowsData, 31,'DDTRSMTNOITM', "<%= localeMessage.getString("sysDayMan.tranCnt")%>");
plotChart2 = jqLineChart('chart2', rowsData, 31,'DDERRNOITM', "<%= localeMessage.getString("sysDayMan.errCnt")%>");
// Summary CSS 설정.
$(".ui-jqgrid-ftable tr:first").children("td").css("background-color", "#D4F4FA"); // td 배경색
$(".ui-jqgrid-ftable tr:first").css("height", "30px"); // tr 높이
$(".ui-jqgrid-ftable tr:first").css("font-size", "10pt"); // tr 글자 크기
$(".ui-jqgrid-ftable td:eq(1)").css("text-align", "center"); // td 글자 정렬
// 합계 셋팅.
while(sumData["DDTRSMTNOITM"+i+"_SUM"] != undefined)
{
if(i==1)
sumDataObj["SYSTEM"] = "<%= localeMessage.getString("sysDayMan.tot")%>";
sumDataObj["DDTRSMTNOITM"+i] = sumData["DDTRSMTNOITM" + i + "_SUM"];
sumDataObj["DDERRNOITM"+i] = sumData["DDERRNOITM" + i + "_SUM"];
i++;
}
$(this).jqGrid("footerData", "set",sumDataObj);
// End 합계 셋팅.
}
},
loadError: function (jqXHR, textStatus, errorThrown) {
if(jqXHR.status == 401) {
var location ='<%=request.getContextPath()%>/';
comloadError(jqXHR, textStatus, errorThrown ,location);
}
},
ondblClickRow: function(rowId) {
var rowData = $(this).getRowData(rowId);
var data =[];
if(plotChart1 != undefined)
{
// 차트 삭제
plotChart1.destroy();
plotChart2.destroy();
}
// 차트 생성.
data[0]=rowData;
plotChart1 = jqLineChart('chart1', data, 31,'DDTRSMTNOITM', "전송건수");
plotChart2 = jqLineChart('chart2', data, 31,'DDERRNOITM', "오류건수");
},
});
$("#grid").jqGrid('setGroupHeaders', {
useColSpanStyle: true,
groupHeaders:[
{startColumnName: 'DDTRSMTNOITM1', numberOfColumns: 2, titleText: '1'},
{startColumnName: 'DDTRSMTNOITM2', numberOfColumns: 2, titleText: '2'},
{startColumnName: 'DDTRSMTNOITM3', numberOfColumns: 2, titleText: '3'},
{startColumnName: 'DDTRSMTNOITM4', numberOfColumns: 2, titleText: '4'},
{startColumnName: 'DDTRSMTNOITM5', numberOfColumns: 2, titleText: '5'},
{startColumnName: 'DDTRSMTNOITM6', numberOfColumns: 2, titleText: '6'},
{startColumnName: 'DDTRSMTNOITM7', numberOfColumns: 2, titleText: '7'},
{startColumnName: 'DDTRSMTNOITM8', numberOfColumns: 2, titleText: '8'},
{startColumnName: 'DDTRSMTNOITM9', numberOfColumns: 2, titleText: '9'},
{startColumnName: 'DDTRSMTNOITM10', numberOfColumns: 2, titleText: '10'},
{startColumnName: 'DDTRSMTNOITM11', numberOfColumns: 2, titleText: '11'},
{startColumnName: 'DDTRSMTNOITM12', numberOfColumns: 2, titleText: '12'},
{startColumnName: 'DDTRSMTNOITM13', numberOfColumns: 2, titleText: '13'},
{startColumnName: 'DDTRSMTNOITM14', numberOfColumns: 2, titleText: '14'},
{startColumnName: 'DDTRSMTNOITM15', numberOfColumns: 2, titleText: '15'},
{startColumnName: 'DDTRSMTNOITM16', numberOfColumns: 2, titleText: '16'},
{startColumnName: 'DDTRSMTNOITM17', numberOfColumns: 2, titleText: '17'},
{startColumnName: 'DDTRSMTNOITM18', numberOfColumns: 2, titleText: '18'},
{startColumnName: 'DDTRSMTNOITM19', numberOfColumns: 2, titleText: '19'},
{startColumnName: 'DDTRSMTNOITM20', numberOfColumns: 2, titleText: '20'},
{startColumnName: 'DDTRSMTNOITM21', numberOfColumns: 2, titleText: '21'},
{startColumnName: 'DDTRSMTNOITM22', numberOfColumns: 2, titleText: '22'},
{startColumnName: 'DDTRSMTNOITM23', numberOfColumns: 2, titleText: '23'},
{startColumnName: 'DDTRSMTNOITM24', numberOfColumns: 2, titleText: '24'},
{startColumnName: 'DDTRSMTNOITM25', numberOfColumns: 2, titleText: '25'},
{startColumnName: 'DDTRSMTNOITM26', numberOfColumns: 2, titleText: '26'},
{startColumnName: 'DDTRSMTNOITM27', numberOfColumns: 2, titleText: '27'},
{startColumnName: 'DDTRSMTNOITM28', numberOfColumns: 2, titleText: '28'},
{startColumnName: 'DDTRSMTNOITM29', numberOfColumns: 2, titleText: '29'},
{startColumnName: 'DDTRSMTNOITM30', numberOfColumns: 2, titleText: '30'},
{startColumnName: 'DDTRSMTNOITM31', numberOfColumns: 2, titleText: '31'}
]
});
$("#btn_search").click(function(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
if(!isFromToDate(postData.searchStart, postData.searchEnd, "yymm"))
{
alert("입력한 날짜를 확인하여주십시요.\n"
+ "시작일 : " + setDateFormat(postData.searchStart) + "\n"
+ "종료일 : " + setDateFormat(postData.searchEnd));
return;
}
if(plotChart1 != undefined)
{
plotChart1.destroy();
plotChart2.destroy();
}
plotChart1 = null;
plotChart2 = null;
detail();
});
$("input[name^=search]").keydown(function(key){
if (key.keyCode == 13){
$("#btn_search").click();
}
});
$("#btn_excel").click(function(event) {
event.stopPropagation(); // Do not propagate the event.
// Create an object that will manage to download the file.
var target = "excelDown" ; // iframe의 name
//(url,cmd,gridObj,formObject,fileName,merge)
gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),'시스템별 일별 거래현황');
return false;
});
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_excel" level="W" ><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button>
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
<%-- <img src="<c:url value="/img/btn_excel.png"/>" id="btn_excel" level="W"/> --%>
<%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%>
</div>
<div class="title"><%= localeMessage.getString("sysDayMan.title")%></div>
<form id="ajaxForm" onsubmit="return false;">
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
<th style="width:120px;"><%= localeMessage.getString("sysDayMan.sysName")%></th>
<td>
<input type="text" name="searchSystem" value="${param.searchSystem}">
</td>
<th style="width:120px;"><%= localeMessage.getString("sysDayMan.per")%></th>
<td>
<input type="text" name="searchStart" value="${param.searchStart}" style="width:100px"> ~
<input type="text" name="searchEnd" value="${param.searchEnd}" style="width:100px">
</td>
</tr>
</tbody>
</table>
</form>
<table width="100%">
<tr width="100%">
<td width="50%"><div id="chart1">차트영역</div></td>
<td width="50%"><div id="chart2">차트영역</div></td>
</tr>
</table>
<table id="grid" ></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>