| 123456789101112131415161718192021222324252627282930313233343536 | 
							- <div data-options="dxView : { name: 'UsekindUsageCompare', title: '용도별 전년 동월대비 에너지사용량 증감 분석', pane: 'master' } ">
 
-     <div data-options="dxContent : { targetPlaceholder: 'content' } ">
 
-         <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
 
-         <p class="body_sub_title">용도별 전년 동월대비 에너지사용량 증감 분석</p>
 
-         <!--  2019.04.15 : 그리드 도표 작업 : 팝업창 추가 ~~~ -->
 
-         <div data-options="dxViewPlaceholder: { viewName: 'UsekindUsageComparePopup' }"></div>
 
-         <div data-options="dxView : { name: 'UsekindUsageComparePopup'} ">
 
-             <div data-bind="dxPopup: UsekindUsageComparePopupOptions ">
 
-                 <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
 
-                     <div id="popupDetail" data-bind="dxscrollview: { }">
 
-                         <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 소비요인</div>
 
-                         <div id="UsekindUsageCompare_Container" style="height: auto; width: 100%; "
 
-                              data-bind="dxDataGrid: UsekindUsageCompareOptions" />
 
-                     </div>
 
-                 </div>
 
-             </div>
 
-         </div>
 
-         <!--  ~~~ 2019.04.15 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <!--전체 레이아웃-->
 
-         <div class="chart_wrap_box" style="width: 100%; height: 750px;">
 
-             <div class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">기준 년도</div><div id="standardDatePicker" class="fl" data-bind="dxDateBox: standardDatePicker"></div>
 
-             <div class="fl" style="line-height: 200%;margin-left:10px;">용도 : </div><div id="usekindSelect" class="fl" style="width: 120px; margin-left: 10px;" data-bind="dxSelectBox: usekindSelect"></div>
 
-             <br />
 
-             <br />
 
-             <div class="fl" style="width:90%;height:90%;">
 
-                 <div id="chartMonth" class="fl" data-bind="dxChart: chartMonth" style="width:100%;height:100%;"></div>
 
-             </div>
 
-             <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div>
 
-         </div>
 
-         <!--  2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
 
-         <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: UsekindUsageComparePopup_ButtonClicked}"></div>
 
-     </div>
 
- </div>
 
 
  |