16.9.重叠多个图表

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="genData()">
<mx:Script>
<![CDATA[
private var DJIA:Number = Math.random()*50 - 20;
private var NASDAC:Number = DJIA - Math.random() * 20;
private var SP500:Number = Math.random()*40;
public function genData():void
{
// assigning the data that the chart is bound to
// is best done via a local variable that is then
// set to the chart data, rather than adding values to the
// dataprovider of the chart
var newArr:Array = [];
for(var i:int = 0; i<10; i++)
{
DJIA = DJIA + Math.random()*10 - 5;
NASDAC = NASDAC - Math.random() * 5;
SP500 = Math.random()*40;
newArr.push({"DJIA": DJIA, "NASDAC": NASDAC,
"SP500": SP500 });
}
chartData = newArr;
}
[Bindable]
 public var chartData:Array = [];

]]>
</mx:Script>
<mx:SeriesInterpolate id="eff" elementOffset="1"
minimumElementDuration="40" duration="2000"/>
<mx:Button click="genData()" label="Generate data"/>
<mx:ColumnChart y="100" width="100%" height="100%"
dataProvider="{chartData}">
<mx:series>
<mx:ColumnSeries showDataEffect="{eff}"
yField="DJIA"/>
<mx:ColumnSeries showDataEffect="{eff}"
yField="NASDAC"/>
<mx:ColumnSeries showDataEffect="{eff}"
yField="SP500"/>
</mx:series>
</mx:ColumnChart>
</mx:Application>