Flex 使用定时器绘制动态曲线时，ArrayCollection中有数据，但却画不出曲线（在线等）

will.ni

帮朋友做个东西，使用Flex绘制动态曲线，ArrayCollection中有数据，但曲线绘制不了
因为是第一次用flex，自己查不出原因，希望大家帮忙解决下，谢谢。

1. <?xml version="1.0"?>
   
2. <!-- Simple example to demonstrate the DateTimeAxis class. -->
   
3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  creationComplete="init()">
   
4.         
   
5.         <mx:Script>
   
6.                 <![CDATA[
   
7.                         import mx.charts.chartClasses.AxisLabelSet;
   
8.                         import mx.charts.chartClasses.IAxis;
   
9.                         import mx.collections.ArrayCollection;
   
10.                         import mx.controls.Alert;
    
11.                         import mx.formatters.DateFormatter;
    
12.                         import mx.rpc.events.ResultEvent;
    
13.                         
    
14.                         [Bindable]
    
15.                         public var testDatas:ArrayCollection;
    
16.                         
    
17.                         [Bindable]
    
18.                         private var maxDate:Date;
    
19.                         [Bindable]
    
20.                         private var minDate:Date;
    
21.                         
    
22.                         private var timer:Timer;
    
23.                         private var dateFormat:DateFormatter = new DateFormatter();
    
24.                         //private var dateVar:Date;
    
25.                         private var dateVar:String;
    
26.                         private var valueTestValue:Number;
    
27.                         
    
28.                         private function init():void {
    
29.                                 dataRequest.send();
    
30.                                 dateFormat.formatString = "HH:NN:SS";     
    
31.                                 minDate = new Date();
    
32.                                 var dx:Date = new Date();
    
33.                                 dx.setMinutes(dx.getMinutes()+1, dx.getSeconds(), dx.getMilliseconds());
    
34.                                 maxDate = dx;
    
35.                                 
    
36.                                 testDatas = new ArrayCollection([{date: dateVar, valueTest: valueTestValue} ]);
    
37.                                 
    
38.                                 timer =  new Timer(1000);
    
39.                                 timer.addEventListener(TimerEvent.TIMER, dataRequest.send);                                
    
40.                                 timer.start();
    
41.                                 
    
42.                         }
    
43.                         
    
44.                         private function mylabel(labelValue:Object, previousValue:Object, d:IAxis):String {
    
45.                                 var str:String = dateFormat.format(labelValue);
    
46.                                 return str;
    
47.                         }
    
48.                         
    
49.                         
    
50.                         private function dataHandler(event:ResultEvent):void{
    
51.                                 var msg:String=event.result.toString();
    
52.                                 
    
53.                                 msg = msg.replace('=', '|');
    
54.                                 msg = msg.replace('&', '|');
    
55.                                 var data:Array = msg.split('|');
    
56. 
    
57.                                 dateVar = data[1];
    
58.                                 valueTestValue = Number(data[3])+ Math.random()*50;
    
59.                                 
    
60.                                 testDatas.addItem({date: dateVar, valueTest: valueTestValue});
    
61.                         }
    
62.                         
    
63.                 ]]>
    
64.         </mx:Script>
    
65.         <mx:HTTPService id="dataRequest" url="http://www.gold678.com/union/flash/QuoteZhj.asp" result="dataHandler(event);"></mx:HTTPService>
    
66.         
    
67.         
    
68.         <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">
    
69.                 <mx:LineChart id="mychart" height="100%" width="100%"
    
70.                                           paddingRight="2" paddingLeft="3"
    
71.                                           showDataTips="true" >
    
72.                         
    
73.                         <mx:horizontalAxis>
    
74.                                 <mx:DateTimeAxis dataUnits="seconds" interval="1" minimum="{minDate}"   maximum="{maxDate}" labelFunction="mylabel"   />
    
75.                         </mx:horizontalAxis>
    
76.                         
    
77.                         <mx:verticalAxis>
    
78.                                 <mx:LinearAxis baseAtZero="true" />
    
79.                         </mx:verticalAxis>
    
80.                         
    
81.                         <mx:series>
    
82.                                 <mx:LineSeries yField="valueTest" xField="date" displayName="Price" dataProvider="{this.testDatas}"/>
    
83.                         </mx:series>
    
84.                 </mx:LineChart>
    
85.         </mx:Panel>
    
86. </mx:Application>

复制代码