123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- <div data-options="dxView : { name: 'AnalysisChart', title: '성능 분석 설', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
- <div data-options="dxViewPlaceholde: { viewName: 'msgbox ' }">
- <div class="popup" data-bind="dxPopup: popupOptions">
- <div data-options="dxTemplate: { name:'info' }">
- <div id="large-indicator" style="margin-left: 40%;"></div>
- <span> </span>
- <p></p>
- <p align="center">에너지사용량 조회 중 입니다.</p>
- <!-- <p align="center">잠시만 기다려 주세요! </p>-->
- </div>
- </div>
- </div>
- <div class="fl width_25per" style="margin-left:0px;">
- <p class=" body_sub_title">분석 조건 설정</p>
- <div class="fl chart_wrap_box" style="width: 100%;height: 725px;padding:0px;">
- <!-- <div id="chartPieMonthMM" style="height: 90%; width: 100%;" />-->
- <div class="dx-fieldset" data-bind="dxScrollView: { }">
- <div class="dx-field cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">설비 타입</div>
- <div id="acFacilityTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: facilityTypes,
- displayExpr: 'Name',
- valueExpr: 'FacilityTypeId' ,
- valueChangeAction: handleChangedValueFT,
- }"></div>
- </div>
- <div class="dx-field cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">설비</div>
- <div id="acFacilityCombo" class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: facilitiesForSearch,
- displayExpr: 'Name',
- valueExpr: 'FacilityCode' ,
- valueChangeAction: handleChangedValueFC,
- }"></div>
- </div>
- <div class="dx-field alt_back cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">Y축(좌) 분석</div>
- <div id="acLeftFormulaCombo" class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: formulas,
- displayExpr: 'Name',
- valueExpr: 'FormulaId' ,
- }"></div>
- </div>
- <div class="dx-field alt_back cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">Y축(좌) 차트종류</div>
- <div id="acLeftChartTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
- items:['bar','line','spline','area', 'scatter','splinearea','stepline','steparea'],
- value:'bar'
- }"></div>
- </div>
- <div class="dx-field cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">Y축(우) 분석</div>
- <div id="acRightFormulaCombo" class="dx-field-value" data-bind="dxSelectBox: {
- dataSource: formulas,
- displayExpr: 'Name',
- valueExpr: 'FormulaId',
- }"></div>
- </div>
- <div class="dx-field cw-field-40_60">
- <div class="dx-field-label cw-multi-field-label-ex">Y축(우) 차트종류</div>
- <div id="acRightChartTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
- items:['bar','line','spline','area', 'scatter','splinearea', 'stepline', 'steparea'],
- value:'spline'
- }"></div>
- </div>
- </div>
- </div>
- </div>
- <div style="float:right; display:inline-block; width: 74%">
- <p class="body_sub_title">설비 성능 분석</p>
- <div class="fr chart_wrap_box" style="width: 100%;height: 725px;">
- <div id="acChart" style="height: 90%; width: 100%;" />
- </div>
- </div>
- </div>
- </div>
|