Data Update In Real Time Series

             
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="initTimer()">
  <mx:Script>
  import flash.utils.Timer;
  import flash.events.TimerEvent;
  import mx.collections.ArrayCollection;

  [Bindable]
  public var myArray:ArrayCollection = new ArrayCollection();
  public function initTimer():void {
         var myTimer:Timer = new Timer(5000, 0);
         myTimer.addEventListener("timer", timerHandler);
         myTimer.start();
  }
  public function timerHandler(event:TimerEvent):void {
     var obj:Object = new Object();
     obj.time = getTimer();
     obj.stockPrice += 1;
     myArray.addItem(obj);
  }
</mx:Script>
  <mx:SeriesInterpolate id="redrawSeries" duration="1500" minimumElementDuration="200" elementOffset="0"/>
  <mx:ColumnChart id="chart" dataProvider="{myArray}" showDataTips="true">
     <mx:horizontalAxis>
        <mx:LinearAxis/>
     </mx:horizontalAxis>
     <mx:verticalAxis>
        <mx:LinearAxis minimum="40"/>
     </mx:verticalAxis>
     <mx:series>
        <mx:ColumnSeries yField="stockPrice" showDataEffect="redrawSeries"/>
     </mx:series>
  </mx:ColumnChart>
</mx:Application>

Related examples in the same category

1.	ColumnChart with ColumnSeries
2.	Use the fill property to set the color for each ColumnSeries object in a ColumnChart control
3.	Define a custom SolidColor object and a custom SolidColorStroke object, and applies them to the ColumnSeries object in the ColumnChart control.
4.	The following example mixes a LineSeries and a ColumnSeries
5.	The following example defines the colors for two series in the ColumnChart control:
6.	Adding Series to ColumnChart
7.	defines the colors for two series in the ColumnChart control
8.	Create a ColumnChart control with two series
9.	uses two series to allow a visual comparison of two stocks that trade in different ranges
10.	Cast the HitData object to a Series class
11.	Set elementOffset property of SeriesInterpolate to 0.
12.	Increments and decrements the series's selectedIndex property to select each item
13.	Add or remove a data point from a series in ActionScript.
14.	Use a similar technique to add data series to your charts rather than replacing the existing ones
15.	yValue of the ColumnSeriesItem represents the percentage a series takes up in a 100% chart
16.	Use chart items in more than one series
17.	Zoom in data series from the upper-right corner of the chart.
18.	Change fields of a series to change chart data at run time
19.	The final result is a chart with multiple axes, but whose series share some of the same properties defined by common axis renderers.

Data Update In Real Time Series : Column Chart ColumnSeries « Chart « Flex

Related examples in the same category