Skip to content

Instantly share code, notes, and snippets.

/jsbin.AqUX.html

Created November 10, 2013 06:27
Download ZIP

Revisions

  1. @invalid-email-address Anonymous created this gist Nov 10, 2013.
    20 changes: 20 additions & 0 deletions jsbin.AqUX.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:ev='http://www.w3.org/2001/xml-events' xmlns:w2='http://www.inswave.com/websquare' xmlns:xf='http://www.w3.org/2002/xforms'>
    <head>
    <script src="/2.0_1.2909N.20130409.230901_1.5/websquare/javascriptPluginAll.wq?q=/bootloader"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title> WebSquare </title>
    <script type="text/javascript">
    window.onload = init;
    function init() {
    try{
    WebSquare.startApplication();
    } catch(e) {
    // alert(e.message);
    }
    }
    </script>
    </head>
    <body>WebSquare does not loaded.</body>
    </html>
    987 changes: 987 additions & 0 deletions jsbin.AqUX.xml
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,987 @@
    <?xml version="1.0" encoding="UTF-8"?>
    <?xml-stylesheet href="css/kt.css" type="text/css"?>
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    <w2:buildDate />
    <xf:model>
    <xf:instance>
    <data xmlns="">
    <treeData>
    <vector>
    <data>
    <label value="전체" />
    <value value="1" />
    <depth value="1" />
    </data>
    <data>
    <label value="이동전화" />
    <value value="2" />
    <depth value="2" />
    </data>
    <data>
    <label value="2G" />
    <value value="3" />
    <depth value="3" />
    </data>
    <data>
    <label value="3G" />
    <value value="4" />
    <depth value="3" />
    </data>
    <data>
    <label value="와이브로단말" />
    <value value="5" />
    <depth value="2" />
    </data>
    <data>
    <label value="가정용" />
    <value value="6" />
    <depth value="3" />
    </data>
    <data>
    <label value="유선" />
    <value value="7" />
    <depth value="4" />
    </data>
    <data>
    <label value="DCP" />
    <value value="8" />
    <depth value="4" />
    </data>
    <data>
    <label value="WiFi" />
    <value value="9" />
    <depth value="4" />
    </data>
    <data>
    <label value="기업용" />
    <value value="10" />
    <depth value="3" />
    </data>
    <data>
    <label value="유선" />
    <value value="11" />
    <depth value="4" />
    </data>
    <data>
    <label value="WiFi" />
    <value value="12" />
    <depth value="4" />
    </data>
    <data>
    <label value="기타" />
    <value value="13" />
    <depth value="3" />
    </data>
    </vector>
    </treeData>
    <gridData>
    <vector>
    <data>
    <terminal value="이동전화" />
    <terminalNet value="2G" />
    <date value="801" />
    <lastStock value="30332" />
    <buy value="0" />
    <sell value="0" />
    <curStock value="302" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="이동전화" />
    <terminalNet value="3G" />
    <date value="29" />
    <lastStock value="8616866" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="861686" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="이동전화" />
    <terminalNet value="소계" />
    <date value="30" />
    <lastStock value="892018" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="892018" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="와이브로" />
    <terminalNet value="2G" />
    <date value="801" />
    <lastStock value="30332" />
    <buy value="0" />
    <sell value="0" />
    <curStock value="302" />
    <volume value="32" />
    <households value="18.07" />
    </data>
    <data>
    <terminal value="와이브로" />
    <terminalNet value="3G" />
    <date value="29" />
    <lastStock value="8616866" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="861686" />
    <volume value="2206" />
    <households value="4.64" />
    </data>
    <data>
    <terminal value="와이브로" />
    <terminalNet value="소계" />
    <date value="30" />
    <lastStock value="892018" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="892018" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="IP-Phone" />
    <terminalNet value="2G" />
    <date value="801" />
    <lastStock value="30332" />
    <buy value="0" />
    <sell value="0" />
    <curStock value="302" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="IP-Phone" />
    <terminalNet value="3G" />
    <date value="29" />
    <lastStock value="8616866" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="861686" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="IP-Phone" />
    <terminalNet value="소계" />
    <date value="30" />
    <lastStock value="892018" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="892018" />
    <volume value="2206" />
    <households value="4.64" />
    </data>
    <data>
    <terminal value="KTAnn" />
    <terminalNet value="2G" />
    <date value="801" />
    <lastStock value="30332" />
    <buy value="0" />
    <sell value="0" />
    <curStock value="302" />
    <volume value="0" />
    <households value="0" />
    </data>
    <data>
    <terminal value="KTAnn" />
    <terminalNet value="3G" />
    <date value="29" />
    <lastStock value="8616866" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="861686" />
    <volume value="2206" />
    <households value="4.64" />
    </data>
    <data>
    <terminal value="KTAnn" />
    <terminalNet value="소계" />
    <date value="30" />
    <lastStock value="892018" />
    <buy value="88930" />
    <sell value="1488" />
    <curStock value="892018" />
    <volume value="0" />
    <households value="0" />
    </data>
    </vector>
    </gridData>
    <money>
    <chart1Data>
    <series>
    <label value='' type='0' />
    <label value='' type='1' />
    <label value='' type='2' />
    <label value='' type='3' />
    </series>
    <data key='0'>
    <label value='W-4' />
    <value value='8000' type='0' />
    <value value='7500' type='1' />
    <value value='9000' type='2' />
    <value value='8000' type='3' />
    </data>
    <data key='1'>
    <label value='W-3' />
    <value value='2000' type='0' />
    <value value='7000' type='1' />
    <value value='5500' type='2' />
    <value value='5000' type='3' />
    </data>
    <data key='2'>
    <label value='W-2' />
    <value value='7800' type='0' />
    <value value='7200' type='1' />
    <value value='9000' type='2' />
    <value value='4300' type='3' />
    </data>
    <data key='3'>
    <label value='W-1' />
    <value value='9000' type='0' />
    <value value='7200' type='1' />
    <value value='4300' type='2' />
    <value value='6500' type='3' />
    </data>
    <data key='4'>
    <label value='W' />
    <value value='4000' type='0' />
    <value value='5800' type='1' />
    <value value='7800' type='2' />
    <value value='7890' type='3' />
    </data>
    </chart1Data>
    <chart2Data>
    <series>
    <label value='' type='0' />
    <label value='' type='1' />
    <label value='' type='2' />
    <label value='' type='3' />
    </series>
    <data key='0'>
    <label value='W-4' />
    <value value='6000' type='0' />
    <value value='2000' type='1' />
    <value value='7000' type='2' />
    <value value='4000' type='3' />
    </data>
    <data key='1'>
    <label value='W-3' />
    <value value='2000' type='0' />
    <value value='3000' type='1' />
    <value value='5900' type='2' />
    <value value='1000' type='3' />
    </data>
    <data key='2'>
    <label value='W-2' />
    <value value='2300' type='0' />
    <value value='7100' type='1' />
    <value value='9000' type='2' />
    <value value='4300' type='3' />
    </data>
    <data key='3'>
    <label value='W-1' />
    <value value='1200' type='0' />
    <value value='3700' type='1' />
    <value value='9100' type='2' />
    <value value='3100' type='3' />
    </data>
    <data key='4'>
    <label value='W' />
    <value value='4000' type='0' />
    <value value='5800' type='1' />
    <value value='7800' type='2' />
    <value value='7890' type='3' />
    </data>
    </chart2Data>
    </money>
    <math>
    <chart1Data>
    <series>
    <label value='' type='0' />
    <label value='' type='1' />
    <label value='' type='2' />
    <label value='' type='3' />
    </series>
    <data key='0'>
    <label value='W-4' />
    <value value='6000' type='0' />
    <value value='2000' type='1' />
    <value value='7000' type='2' />
    <value value='4000' type='3' />
    </data>
    <data key='1'>
    <label value='W-3' />
    <value value='2000' type='0' />
    <value value='3000' type='1' />
    <value value='5900' type='2' />
    <value value='1000' type='3' />
    </data>
    <data key='2'>
    <label value='W-2' />
    <value value='2300' type='0' />
    <value value='7100' type='1' />
    <value value='9000' type='2' />
    <value value='4300' type='3' />
    </data>
    <data key='3'>
    <label value='W-1' />
    <value value='1200' type='0' />
    <value value='3700' type='1' />
    <value value='9100' type='2' />
    <value value='3100' type='3' />
    </data>
    <data key='4'>
    <label value='W' />
    <value value='4000' type='0' />
    <value value='5800' type='1' />
    <value value='7800' type='2' />
    <value value='7890' type='3' />
    </data>
    </chart1Data>
    <chart2Data>
    <series>
    <label value='' type='0' />
    <label value='' type='1' />
    <label value='' type='2' />
    <label value='' type='3' />
    </series>
    <data key='0'>
    <label value='W-4' />
    <value value='8000' type='0' />
    <value value='7500' type='1' />
    <value value='9000' type='2' />
    <value value='8000' type='3' />
    </data>
    <data key='1'>
    <label value='W-3' />
    <value value='2000' type='0' />
    <value value='7000' type='1' />
    <value value='5500' type='2' />
    <value value='5000' type='3' />
    </data>
    <data key='2'>
    <label value='W-2' />
    <value value='7800' type='0' />
    <value value='7200' type='1' />
    <value value='9000' type='2' />
    <value value='4300' type='3' />
    </data>
    <data key='3'>
    <label value='W-1' />
    <value value='9000' type='0' />
    <value value='7200' type='1' />
    <value value='4300' type='2' />
    <value value='6500' type='3' />
    </data>
    <data key='4'>
    <label value='W' />
    <value value='4000' type='0' />
    <value value='5800' type='1' />
    <value value='7800' type='2' />
    <value value='7890' type='3' />
    </data>
    </chart2Data>
    </math>
    <radio value="1" />
    </data>
    </xf:instance>
    </xf:model>
    <script type="javascript"><![CDATA[
    if(parent.anchor1){
    }
    window.onresize = function () { //리사이즈 이벤트를 체크
    grid1.setAutoFit();
    }
    var isDrawing1 = false;
    var waitDrawing1 = false;
    var isDrawing2 = false;
    var waitDrawing2 = false;
    // chart1_real._view._options.drawCallback = function () {
    chart1_real.setDrawCallback( function () {
    if( waitDrawing1 ) {
    waitDrawing1 = false; // remove queue
    window.setTimeout( function() {
    chart1_real.redraw();
    WebSquare.logger.printLog("## chart1_real.redraw lazy 1");
    }, 1500 );
    } else {
    window.setTimeout( function() {
    isDrawing1 = false;
    if( waitDrawing1 ) {
    waitDrawing1 = false; // remove queue
    chart1_real.redraw();
    WebSquare.logger.printLog("## chart1_real.redraw lazy 2");
    }
    }, 1500 );
    }
    }
    );
    // chart2_real._view._options.drawCallback = function () {
    chart2_real.setDrawCallback( function () {
    if( waitDrawing2 ) {
    waitDrawing2 = false; // remove queue
    window.setTimeout( function() {
    chart2_real.redraw();
    }, 1500 );
    } else {
    window.setTimeout( function() {
    isDrawing2 = false;
    if( waitDrawing2 ) {
    waitDrawing2 = false; // remove queue
    WebSquare.logger.printLog("## chart2_real.redraw lazy 1");
    chart2_real.redraw();
    WebSquare.logger.printLog("## chart2_real.redraw lazy 2");
    }
    }, 1500 );
    }
    }
    );
    var LayoutMgr = function(layer1 , layer2, layer3,layer4,spliter, direction ){
    this.layer1 = layer1;
    this.layer2 = layer2;
    this.layer3 = layer3;
    this.layer4 = layer4;
    this.spliter = spliter;
    this.direction = direction;
    this.setSpliterEvent();
    this.layer1Height = parseInt(this.layer1.getStyleValue("height"));
    this.layer3Height = parseInt(this.layer3.getStyleValue("height"));
    }
    LayoutMgr.prototype.handleSplitBar = function(x, y, dx, dy){
    if(this.layer1Height+dy >= 0 && this.layer3Height-dy>=1) {
    this.layer1Height = parseInt(this.layer1.getStyleValue("height"))+dy;
    this.layer3Height = parseInt(this.layer3.getStyleValue("height"))-dy;
    this.layer1.setSize("",this.layer1Height);
    this.layer2.setSize("",parseInt(this.layer2.getStyleValue("height"))-dy);
    this.layer3.setSize("",this.layer3Height);
    this.layer4.setPosition("",parseInt(this.layer4.getStyleValue("top"))-dy);
    }
    }
    LayoutMgr.prototype.boundaryOption = function(dx, dy){
    var retrunOption = {dy:"",dx:""};
    retrunOption.dx = dx;
    if(this.layer1Height+dy < 0) {
    retrunOption.dy = 0 - this.layer1Height;
    } else if (this.layer3Height-dy < 1) {
    retrunOption.dy = this.layer3Height - 1;
    } else {
    retrunOption.dy = dy;
    }
    return retrunOption;
    }
    LayoutMgr.prototype.setSpliterEvent = function(){
    var layoutMgr = this;
    var endMove = function(){
    }
    var handleSplit = function(x, y, dx, dy) {
    layoutMgr.handleSplitBar(x, y, dx, dy);
    }
    var boundary = function(dx,dy) {
    return layoutMgr.boundaryOption(dx,dy);
    }
    this.spliter.movable(true , {constraint : "vertical" , afterFinish : endMove,direction:"y",handleFinish:handleSplit,boundaryOption:boundary});
    this.spliter.setStyle("cursor" , this.direction );
    }
    var chart1SetArr = [];
    var treeGroupShow = false;
    function init() {
    grid1.setXML(WebSquare.ModelUtil.findInstanceNode("gridData/vector"));
    for(var i=0;i<5;i++) {
    chart1SetArr[i] = true;
    }
    checkbox1.checkAll( true );
    select13.checkAll( true );
    var chart1Data = WebSquare.ModelUtil.findInstanceNode("money/chart1Data");
    var chart2Data = WebSquare.ModelUtil.findInstanceNode("money/chart2Data");
    chart1_real.setXML(chart1Data);
    chart2_real.setXML(chart2Data);
    }
    function setChartData1(data) {
    for(var k=0;k<5;k++) {
    if(data.indexOf(k)>-1) {
    if(chart1SetArr[k] == false) {
    chart1SetArr[k] = true;
    }
    } else {
    if(chart1SetArr[k] == true) {
    chart1SetArr[k] = false;
    }
    }
    }
    chart1_real._model.setSeriesUseChk(chart1SetArr);
    if( isDrawing1 == true ) {
    waitDrawing1 = true;
    } else {
    isDrawing1 = true;
    chart1_real.redraw();
    }
    }
    function setChartData2(data) {
    for(var k=0;k<5;k++) {
    if(data.indexOf(k)>-1) {
    if(chart1SetArr[k] == false) {
    chart1SetArr[k] = true;
    }
    } else {
    if(chart1SetArr[k] == true) {
    chart1SetArr[k] = false;
    }
    }
    }
    chart2_real._model.setSeriesUseChk(chart1SetArr);
    if( isDrawing2 == true ) {
    waitDrawing2 = true;
    } else {
    isDrawing2 = true;
    chart2_real.redraw();
    }
    }
    function imageFormat(value) {
    var value1 = parseInt(value);
    var retstr = "";
    if (value1 > 100) {
    retstr = "<div class='green_icon'></div><div class='icon'>" + value1 + "</div>";
    } else {
    retstr = "<div class='red_icon'></div><div class='icon'>" + value1 + "</div>";
    }
    return retstr;
    }
    var layoutMgr3 = new LayoutMgr(charts,group19,gridarea,textbox8,divisionbar, "row-resize" );
    window.onresize = setAllsize;
    var BrowserWidth;
    var BrowserHeight;
    var backupBrowserHeight = 0;
    function fn_resize() {
    if (parseInt(navigator.appVersion)>3){
    if(navigator.appName=="Netscape"){ //네스케이프, 사파리, 파이어폭스
    BrowserWidth = window.innerWidth;
    BrowserHeight = window.innerHeight;
    }
    if(navigator.appName.indexOf("Microsoft")!=-1) { //인터넷 익스플로러
    BrowserWidth = document.documentElement.clientWidth;
    BrowserHeight = document.documentElement.clientHeight;
    } else { //그외 브라우저
    BrowserWidth = document.documentElement.offsetWidth;
    BrowserHeight = document.documentElement.offsetHeight;
    }
    }
    }
    function setAllsize(){
    fn_resize();
    var oriBrowserHeight = BrowserHeight;
    frame_contents.setSize("", BrowserHeight );
    if(BrowserHeight-67-33-parseInt(charts.getStyleValue("height")) < 1) {
    charts.setSize("",BrowserHeight-67-layoutMgr3.layer3Height-33);
    layoutMgr3.layer1Height = parseInt(layoutMgr3.layer1.getStyleValue("height"))+dy;
    } else {
    gridarea.setSize( "",BrowserHeight-67-33-parseInt(charts.getStyleValue("height")));
    group19.setSize("",BrowserHeight-67-33-parseInt(charts.getStyleValue("height")));
    layoutMgr3.layer1Height = parseInt(layoutMgr3.layer1.getStyleValue("height"));
    layoutMgr3.layer3Height = parseInt(layoutMgr3.layer3.getStyleValue("height"));
    }
    grid1.setAutoFit();
    }
    setAllsize();
    //init();
    ]]></script>
    <style type="text/css"><![CDATA[
    html {
    overflow-y: hidden;
    overflow-x: hidden;
    }
    body {
    overflow-y: hidden;
    }
    ]]></style>
    </head>
    <body>
    <xf:group id="frame_contents" style="position: relative;top:0px;left:0px;">
    <xf:group id="menu" style="position: relative ;height: 24px;"
    class="bg_menubar">
    <w2:anchor id="anchor7"
    style="position: absolute ;width:101px;left:0px;top:0px;" class="menu_select"
    label="">
    <xf:label>총괄현황</xf:label>
    </w2:anchor>
    <w2:anchor id="anchor8"
    style="position: absolute ;width:101px;left:101px;top:0px;" class="menu"
    label="">
    <xf:label>판매용단말기</xf:label>
    </w2:anchor>
    <w2:anchor id="anchor9"
    style="position: absolute ;width:101px;left:202px;top:0px;" class="menu"
    label="">
    <xf:label>임대용단말기</xf:label>
    </w2:anchor>
    </xf:group>
    <xf:group id="titlebar" style="position: relative ;height: 29px;"
    class="bg_titlebar">
    <w2:textbox id="textbox5" style="position: absolute ;left:9px;top:8px;"
    class="bg_title" label="총괄현황 (판매용단말기)">
    </w2:textbox>
    <xf:select1 id="select11" appearance="minimal"
    style="position: absolute ;height: 17px;width: 20%;left:232px;top:5px;"
    direction="auto" chooseOption="" displayMode="label" allOption=""
    submenuSize="auto" disabled="false">
    <xf:choices>
    <xf:item>
    <xf:label>총괄현황(판매용단말기)</xf:label>
    <xf:value></xf:value>
    </xf:item>
    <xf:item>
    <xf:label>총괄현황(내부용단말기)</xf:label>
    <xf:value></xf:value>
    </xf:item>
    </xf:choices>
    </xf:select1>
    <xf:select1 id="treeSelect" readOnly="true" appearance="minimal"
    style="position: absolute ;height: 17px;width: 20%;right: 131px;top:5px;"
    direction="auto" chooseOption="" displayMode="label" allOption=""
    submenuSize="auto" disabled="false">
    <script ev:event="onclick" type="javascript"><![CDATA[
    if(treeGroupShow == false) {
    treeGroup.show();
    treeGroupShow = true;
    } else {
    treeGroup.hide();
    treeGroupShow = false;
    }
    ]]></script>
    <xf:choices>
    <xf:itemset nodeset="treeData/vector">
    <xf:label ref="data/label/@value"></xf:label>
    <xf:value ref="data/value/@value"></xf:value>
    </xf:itemset>
    </xf:choices>
    </xf:select1>
    <w2:anchor id="anchor10"
    style="position: absolute ;width: 49px;right: 78px;top:5px;" class="btn_red"
    label="">
    <xf:label>조회</xf:label>
    <script ev:event="onclick" type="javascript"><![CDATA[
    init();
    ]]></script>
    </w2:anchor>
    <w2:anchor id="anchor11"
    style="position: absolute ;width: 70px;right: 5px;top:5px;"
    class="btn_red3" label="">
    <xf:label>EXCEL</xf:label>
    <script ev:event="onclick" type="javascript"><![CDATA[
    var options = {};
    options.fileName = "총괄현황.xls";
    grid1.advancedExcelDownload( options);
    ]]></script>
    </w2:anchor>
    <xf:group id="treeGroup"
    style="position: absolute ;right:131px;top:25px;width:20%;height:270px;display:none;z-index: 250;border: 1px solid #b4b4b4;"
    class="">
    <w2:treeview id="treeview3"
    expandedImage="uiplugin/treeview/images/l_folder_on.gif" dataType="listed"
    style="position: absolute ;left: 0px;top: 0px;width: 100%;height: 100%;"
    lineShow="false" useDrag=""
    defaultImage="uiplugin/treeview/images/l_folder_off.gif"
    leafImage="uiplugin/treeview/images/l_file.gif">
    <w2:itemset nodeset="treeData/vector/data">
    <w2:label ref="label/@value"></w2:label>
    <w2:value ref="value/@value"></w2:value>
    <w2:depth ref="depth/@value"></w2:depth>
    </w2:itemset>
    <script ev:event="onlabelclick(value, model)" type="javascript"><![CDATA[
    if(treeGroupShow == false) {
    treeGroup.show();
    treeGroupShow = true;
    } else {
    treeGroup.hide();
    treeGroupShow = false;
    }
    treeSelect.setValue( value );
    ]]></script>
    </w2:treeview>
    </xf:group>
    </xf:group>
    <xf:group id="charts" style="position: relative ;height: 303px;"
    class="">
    <xf:group id="chart1"
    style="position: absolute ;height: 100%;width: 50%;left:0px;"
    class="">
    <xf:group id="chart_title1" style="position: relative ;height: 24px;"
    class="bg_stitlebar">
    <w2:textbox id="textbox6" style="position: absolute ;left:9px;top:4px;"
    class="bg_stitle" label="회전일수 추이">
    </w2:textbox>
    <xf:select id="checkbox1" cols="" appearance="full"
    style="position: absolute ;height:13px;width:290px;left:170px;top:1px;"
    selectedindex="-1" rows="1">
    <xf:choices>
    <xf:item>
    <xf:label>이동전화</xf:label>
    <xf:value>0</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>와이브로</xf:label>
    <xf:value>1</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>IP-Phone</xf:label>
    <xf:value>2</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>KTAnn</xf:label>
    <xf:value>3</xf:value>
    </xf:item>
    </xf:choices>
    <script ev:event="onchange" type="javascript"><![CDATA[
    setChartData1(this.getValue());
    ]]></script>
    </xf:select>
    </xf:group>

    <xf:group id="group15"
    style="position: relative ;width: 445px;height: 242px;margin: 0 auto;">
    <w2:chart id="chart1_real"
    style="position: relative ;width: 445px;height: 242px;top:10px;"
    animation="true" seriesColor="#5797f7 #96d503 #ff7226 #6746a9"
    dataGradient="true" background="false" type="POINT_LINE"
    mainGrid="true">
    </w2:chart>
    </xf:group>
    </xf:group>
    <xf:group id="chart2"
    style="position: absolute ;height: 100%;width: 50%;right:0px;"
    class="bg_rightgroup">

    <xf:group id="group13" style="position: relative ;height: 24px;"
    class="bg_stitlebar">
    <w2:textbox id="textbox7" style="position: absolute ;left:9px;top:4px;"
    class="bg_stitle" label="재고추이">
    </w2:textbox>
    <xf:select id="select13" cols="" appearance="full"
    style="position: absolute ;height:13px;width:290px;left:170px;top:1px;"
    selectedindex="-1" rows="1">
    <xf:choices>
    <xf:item>
    <xf:label>이동전화</xf:label>
    <xf:value>0</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>와이브로</xf:label>
    <xf:value>1</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>IP-Phone</xf:label>
    <xf:value>2</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>KTAnn</xf:label>
    <xf:value>3</xf:value>
    </xf:item>
    </xf:choices>
    <script ev:event="onchange" type="javascript"><![CDATA[
    setChartData2(this.getValue());
    ]]></script>
    </xf:select>
    </xf:group>
    <xf:group id="group14"
    style="position: relative ;width: 445px;height: 242px;margin: 0 auto;">
    <w2:chart id="chart2_real"
    style="position: relative ;width: 445px;height: 242px;top:10px;"
    animation="true" seriesColor="#5797f7 #96d503 #ff7226 #6746a9"
    dataGradient="true" background="false" type="COLUMN" mainGrid="true">
    </w2:chart>
    </xf:group>
    </xf:group>
    </xf:group>
    <xf:group id="divisionbar"
    style="position: relative ;text-align: center;z-index:150;"
    class="bg_hdivision">
    <xf:image id="image3"
    style="position: relative ;top:0px;left:3px;" src="/KT_BIT/images/icon_drag.gif">
    </xf:image>
    </xf:group>
    <xf:group id="gridarea"
    style="position: relative ;z-index:150;" class="">
    <xf:group id="group18" style="position: relative ;height: 24px;"
    class="bg_searcharea">
    <xf:select1 id="radio1" ref="radio/@value" cols=""
    selectedIndex="-1" appearance="full"
    style="position: absolute ;left:12px;top:3px;width:106px;height:14px;"
    rows="1">
    <xf:choices>
    <xf:item>
    <xf:label>수량</xf:label>
    <xf:value>1</xf:value>
    </xf:item>
    <xf:item>
    <xf:label>금액</xf:label>
    <xf:value>2</xf:value>
    </xf:item>
    </xf:choices>
    <script ev:event="onchange" type="javascript"><![CDATA[
    var chart1Data = null;
    var chart2Data = null;
    if(this.getValue() == 1) {
    chart1Data = WebSquare.ModelUtil.findInstanceNode("money/chart1Data");
    chart2Data = WebSquare.ModelUtil.findInstanceNode("money/chart2Data");
    } else {
    chart1Data = WebSquare.ModelUtil.findInstanceNode("math/chart1Data");
    chart2Data = WebSquare.ModelUtil.findInstanceNode("math/chart2Data");
    }
    chart1_real.setXML(chart1Data);
    chart2_real.setXML(chart1Data);
    setChartData1(checkbox1.getValue());
    setChartData2(select13.getValue());
    ]]></script>
    </xf:select1>
    <w2:textbox id="textbox9"
    style="position: absolute ;height:19px;width: 190px;right: 5px;top:5px;text-align:right;"
    label="(수량단위:대, 금액단위:백만원)">
    </w2:textbox>
    </xf:group>
    <xf:group id="group19"
    style="position:relative;height: 300px;overflow : hidden">
    <w2:grid baseNode="vector" valueNode="value" autoFit="allColumn"
    selectedRowColor="#d8d9dc" rowMouseOver="true" class="gridstyle01"
    rowMouseOverColor="#d8d9dc" id="grid1" focusMode="row"
    style="position: absolute ;left:0px;top:0px;width: 100%;height: 100%;"
    evenRowBackgroundColor="#f2f2f2" oddEvenColorDisplay="true"
    oddRowBackgroundColor="#FFF" repeatNode="data" fixedColumn="2">
    <w2:header id="header1" style="">
    <w2:row id="row1" style="">
    <w2:column id="column17" style="height:40px;" colSpan="2"
    hidden="" inputType="text" width="213" value="단말기유형" rowSpan="2"
    valueType="binary">
    </w2:column>
    <w2:column id="column15" style="height:40px" colSpan=""
    hidden="" inputType="text" width="124" value="최근회전일" rowSpan="2"
    valueType="binary">
    </w2:column>
    <w2:column id="column13" style="height:40px" colSpan=""
    hidden="" inputType="text" width="168" value="전주재고수량" rowSpan="2"
    valueType="binary">
    </w2:column>
    <w2:column id="column11" style="height:20px" colSpan="2"
    hidden="" inputType="text" width="177" value="변동" rowSpan=""
    valueType="binary">
    </w2:column>
    <w2:column id="column7" style="height:40px" colSpan=""
    hidden="" inputType="text" width="134" value="금주재고수량" rowSpan="2"
    valueType="binary">
    </w2:column>
    <w2:column id="column5" style="height:20px" colSpan="2"
    hidden="" inputType="text" width="181" value="전부화재고" rowSpan=""
    valueType="binary">
    </w2:column>
    </w2:row>
    <w2:row id="row3" style="">
    <w2:column id="column24" style="height:20px" hidden=""
    width="91" inputType="text" value="구매" valueType="binary">
    </w2:column>
    <w2:column id="column23" style="height:20px" hidden=""
    width="86" inputType="text" value="판매" valueType="binary">
    </w2:column>
    <w2:column id="column21" style="height:20px" hidden=""
    width="96" inputType="text" value="수량" valueType="binary">
    </w2:column>
    <w2:column id="column20" style="height:20px" hidden=""
    width="85" inputType="text" value="보유율" valueType="binary">
    </w2:column>
    </w2:row>
    </w2:header>
    <w2:gBody id="gBody1" style="">
    <w2:row id="row2" style="">
    <w2:column id="terminal" style="height:20px" colSpan=""
    hidden="" width="70" inputType="text" value="" rowSpan=""
    valueType="binary" colMerge="true">
    </w2:column>
    <w2:column id="terminalNet" style="height:20px"
    hidden="" width="70" inputType="text" valueType="binary">
    </w2:column>
    <w2:column id="date" readOnly="true" style="height:20px"
    hidden="" width="53" inputType="text" textAlign="right"
    valueType="binary" displayFormatter="imageFormat" dataType="number">
    </w2:column>
    <w2:column id="lastStock" dataType="number" style="height:20px"
    hidden="" width="70" inputType="text" textAlign="right"
    valueType="binary" displayFormat="#,##0">
    </w2:column>
    <w2:column id="buy" dataType="number" style="height:20px"
    hidden="" width="70" inputType="text" textAlign="right"
    valueType="binary" displayFormat="#,##0">
    </w2:column>
    <w2:column id="sell" dataType="number" style="height:20px"
    hidden="" width="70" inputType="text" textAlign="right"
    valueType="binary" displayFormat="#,##0">
    </w2:column>
    <w2:column id="curStock" dataType="number" style="height:20px"
    hidden="" width="70" inputType="text" textAlign="right"
    valueType="binary" displayFormat="#,##0">
    </w2:column>
    <w2:column id="volume" dataType="number" style="height:20px"
    hidden="" width="70" inputType="text" textAlign="right"
    valueType="binary" displayFormat="#,##0">
    </w2:column>
    <w2:column id="households" dataType="number" style="height:20px"
    hidden="" inputType="text" width="70" textAlign="right"
    valueType="binary" displayFormat="#,##0.00" displayFormatter="function(value) { return Math.floor(value*100)/100; }">
    </w2:column>
    </w2:row>
    </w2:gBody>
    </w2:grid>

    </xf:group>
    <w2:textbox id="textbox8"
    style="position: relative ;left: 0px;width: 100%;height: 9px;"
    class="bg_gridbottom" label="">
    </w2:textbox>


    </xf:group>
    <script ev:event="onmousedown(e)" type="javascript"><![CDATA[
    if(treeGroup.event && !treeGroup.event.isMe(e, treeGroup.render) && treeSelect.event && !treeSelect.event.isMe(e,treeSelect.render)){
    treeGroupShow = false;
    treeGroup.hide();
    }
    ]]></script>

    </xf:group>
    </body>
    </html>