flex时序图显示示例，

 

 

 

<?xml version="1.0" encoding="utf-8"?>
 <!-- Simple example to demonstrate the DateTimeAxis class. -->  
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">  

  <mx:Script>  
 
          import mx.collections.ArrayCollection;  
            import mx.charts.chartClasses.IAxis;
               import mx.logging.*;
   import mx.logging.targets.*;
     
 
            [Bindable]   
            public var stockDataAC:ArrayCollection = new ArrayCollection( [  
               {date: "2005,1,27", close: 41.71, next: 41.71},  
              {date: "2005,2,28", close: 42.21, next: 42.71},  
                 {date: "2005,3,29", close: 42.11, next: 43.71},  
               {date: "2005,4,1", close: 42.71, next: 44.71},  
                {date: "2005,5,2", close: 42.99, next: 45.71},  
                 {date: "2005,6,3", close: 44,    next: 47.71},  
                {date: "2005,6,27", close: 41.71, next: 41.71},  
                {date: "2005,7,28", close: 42.21, next: 42.71},  
                 {date: "2005,8,29", close: 42.11, next: 43.71},  
                 {date: "2005,10,1", close: 42.71, next: 44.71},  
                 {date: "2005,11,2", close: 42.99, next: 45.71},  
                 {date: "2005,12,3", close: 44,    next: 47.71} ,  
                {date: "2006,1,27", close: 41.71, next: 41.71},  
                 {date: "2006,2,28", close: 42.21, next: 42.71},  
                 {date: "2006,3,29", close: 42.11, next: 43.71},  
               {date: "2006,4,1", close: 42.71, next: 44.71},  
                {date: "2006,5,2", close: 42.99, next: 45.71},  
                 {date: "2006,6,3", close: 44,    next: 47.71},  
               {date: "2006,6,27", close: 41.71, next: 41.71},  
              {date: "2006,7,28", close: 42.21, next: 42.71},  
              {date: "2006,8,29", close: 42.11, next: 43.71},  
               {date: "2006,10,1", close: 42.71, next: 44.71},  
                 {date: "2006,11,2", close: 42.99, next: 45.71},  
               {date: "2006,12,3", close: 44, next: 47.71} ]);  
      
             public function myParseFunction(s:String):Date {   
               // Get an array of Strings from the comma-separated String passed in.  
                var a:Array = s.split(",");  
                var a0:int = a[0];
                var a1:int = a[1];
                var a2:int = a[2];
               // Create the new Date object. Subtract one from   
                 // the month property because months are zero-based in   
                  // the Date constructor.  
               var newDate:Date = new Date(a0,a1-1,a2);  
                 return newDate;  
              }  
              
           private function showDateLabel(cat:Object, pcat:Object, d:IAxis):String
           {
	                          // var str:String = String(cat);
	                           //var arr:Array = str.split("/");
                                var date:Date=new  Date(cat.toString()); 
                                trace("javatoflex date"+cat.toString());
                                trace(date.fullYear +"年"+ (date.month + 1)+"月"+ date.date+"日");
                                
                                return date.fullYear +"年"+ (date.month + 1)+"月"+ date.date+"日";
                               // return arr[2] +"年"+arr[0]+"月"+arr[1]+"日";
           }
    
       </mx:Script>  
   
      <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">  
        
         <mx:LineChart id="mychart" height="100%" width="100%"  
             paddingRight="5" paddingLeft="5"   
             showDataTips="true"  dataProvider="{stockDataAC}" >
            <mx:horizontalAxis>  
                <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction" labelFunction="showDateLabel"/>  
               <!-- <mx:CategoryAxis id="DT" categoryField="Date" title="Date"/> -->
             </mx:horizontalAxis>  
   
             <mx:verticalAxis>  
                 <mx:LinearAxis baseAtZero="false" />  
             </mx:verticalAxis>  
  
             <mx:series>  
                <mx:LineSeries yField="close" xField="date" displayName="AAPL"/>  
                  <mx:LineSeries yField="next" xField="date" displayName="BBPL"/>  
             </mx:series>  
        </mx:LineChart>  
         
   </mx:Panel>  
</mx:Application>  

评论

1 楼 qiyangyang2010 2010-06-25  

谢谢学习学习。。呵呵