ColumnChart with ColumnSeries

           

<?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>

Related examples in the same category

1.	Use the fill property to set the color for each ColumnSeries object in a ColumnChart control
2.	Define a custom SolidColor object and a custom SolidColorStroke object, and applies them to the ColumnSeries object in the ColumnChart control.
3.	The following example mixes a LineSeries and a ColumnSeries
4.	The following example defines the colors for two series in the ColumnChart control:
5.	Adding Series to ColumnChart
6.	defines the colors for two series in the ColumnChart control
7.	Create a ColumnChart control with two series
8.	Data Update In Real Time 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.

ColumnChart with ColumnSeries : Column Chart ColumnSeries « Chart « Flex

Related examples in the same category