<div data-options="dxView : { name: 'EnergyUsage', title: '@viewEnergyUsage', pane: 'master' } "> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <p>에너지 관련 내용</p> <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '700px' }"> <div data-options="dxTemplate: { name: 'mainCharts' }"> <div id="chartDiv" class="fl width_48per height_50per margin_bottom30px"> <p class="body_sub_title_2depth">테스트 화면1</p> <div id="chart1" class="chart_wrap_box2 width_97per height_90per" /> </div> <div id="chart2div" class="fl width_48per height_50per margin_bottom30px"> <p class="body_sub_title_2depth">테스트 화면2</p> <div id="chart2" class="chart_wrap_box2 width_97per height_90per" /> </div> <div style="clear:both"></div> <div id="chart3" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> <div id="chart4" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> <div id="chart5" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> </div> <div data-options="dxTemplate: { name: 'subCharts' }"> <div id="chart6" class="chart_wrap_box2 fl width_35per height_50per margin_bottom30px"></div> <div id="chart7" class="chart_wrap_box2 fr width_60per height_50per margin_bottom30px"></div> <div style="clear:both"></div> <div id="chart8" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> <div id="chart9" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> <div id="chart10" class="chart_wrap_box2 fl width_30per height_40per margin_right33px"></div> </div> </div> </div> </div>