<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>