<div data-options="dxView: { name: 'HistoryBoiler', title: 'HistoryBoiler' }"> <div data-options="dxContent: { targetPlaceholder: 'content' }"> <div data-options="dxViewPlaceholder: { viewName: 'HistoryBoilerDataViewPopup' }"></div> <div style="position: absolute; top: 0px; left: 0px"> <div class="clear" data-bind="dxButton: { icon: 'chevronleft', clickAction:onPrevious }" style="float:left;"></div> <div id="dateBox" class="clear" data-bind="dxDateBox: { value: dateBoxValue, fieldEditEnabled: false, format: 'date', formatString: 'yyyy년 MM월', maxZoomLevel: 'year' }" style="float: left;"></div> <div class="clear" data-bind="dxButton: { icon: 'chevronright', clickAction:onNext }" style="float: left;"></div> </div> <!-- <div id="graphContainer" data-bind="dxChart: {}" style="height: 460px; width: 100%;;margin-top:10px"></div> --> <div class="top-line bottom-line" data-bind="dxBox: { direction: 'row', width: '100%'}" style="margin-top:50px;height:640px;"> <div data-options="dxItem: {ratio: 0.15}"> <div id="listDays" data-bind="dxList: {}"></div> </div> <div data-options="dxItem: {ratio: 0.02}"> </div> <div data-options="dxItem: {ratio: 0.7}"> <div id="graphContainer" data-bind="dxChart: {}" style="height: 645px; width: 100%; margin-top:-20px"></div> </div> </div> <div data-bind="dxButton:{text:'데이터 보기', clickAction: dataViewPopup.show }" style="float:right"></div> </div>