본문 바로가기
FLEX 공유/FLEX

chart -> column 그리기

by 반화넬 2007. 6. 1.
반응형

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    width="100%" height="100%"
    initialize="srv.send()" backgroundGradientColors="[#ffffff, #ffffff]"  preinitialize="preApp();">
   <mx:Script>
   <![CDATA[  
     import mx.controls.Alert;
     
  [Bindable]
  private var dataUrl:String;
  [Bindable]
  private var userName:String;
  private function preApp():void
  {
   dataUrl = this.parameters["dataUrl"];
  }  
    
  private function columnLabel(item:Object, field:String):String
        {
            return item.userdata + ": " + '\n' + "Total Cnt: " + item.fdata + '\n';
        }
        
   ]]>
   </mx:Script>
    <mx:HTTPService id="srv" url="{dataUrl}"/>
    <mx:Panel width="100%" height="100%" layout="horizontal"  backgroundColor="#ffffff" title="{srv.lastResult.data.data2.name}" fontSize="14">
    <mx:ColumnChart id="chart" dataProvider="{srv.lastResult.data.result}" showDataTips="true" width="100%" height="100%" fontFamily="Arial" fontSize="13" type="clustered">

        <mx:horizontalAxis>
            <mx:CategoryAxis dataProvider="{srv.lastResult.data.result}" categoryField="userdata"/>
        </mx:horizontalAxis>

        <mx:series>
            <mx:Array>
                <mx:ColumnSeries yField="fdata" displayName="등록수치"/>
            </mx:Array>
        </mx:series>

    </mx:ColumnChart>

      <mx:DataGrid id="dgUserRequest" x="10" width="100%" height="100%" dataProvider="{srv.lastResult.data.result2}" fontFamily="Verdana" fontSize="12" top="98" bottom="42" textAlign="center">
         <mx:columns>
            <mx:DataGridColumn headerText="항목" dataField="userdata"/>
            <mx:DataGridColumn headerText="수치" dataField="fdata"/>
         </mx:columns>
      </mx:DataGrid>
     </mx:Panel> 
</mx:Application>

columngr.mxml
0.0MB
columndata.xml
0.0MB
columngr.swf
0.28MB
columngr.html
0.0MB
반응형