Mega Code Archive

 

Categories / Flex / Effects

 

Chart show data effect

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"     creationComplete="initTimer()">     <mx:Script>                      import mx.collections.ArrayCollection;                          [Bindable]             public var myCollection:ArrayCollection = new ArrayCollection();                          public function initTimer():void             {                 var myTimer:Timer = new Timer(1000, 0);                 myTimer.addEventListener(TimerEvent.TIMER, timerHandler);                 myTimer.start();             }                          public function timerHandler(event:TimerEvent):void             {                 var o:Object = {};                 o.number = Math.random() * 100;                 myCollection.addItem(o);             }                         </mx:Script>          <mx:SeriesInterpolate id="interpolateIn" duration="500" />          <mx:ColumnChart id="column" height="100%" width="100%" dataProvider="{myCollection}">                  <mx:series>             <mx:ColumnSeries yField="number" showDataEffect="{interpolateIn}" />         </mx:series>              </mx:ColumnChart>      </mx:Application>