flex图表淡入淡出效果示例

<?xml version="1.0"?>
<!-- charts/StandardEffectTriggers.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="init()">
<mx:Script>
<!--[CDATA[
import mx.collections.ArrayCollection;
import mx.effects.Fade;
[Bindable]
public var expenses:ArrayCollection=new ArrayCollection([{Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450}, {Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600}, {Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300}]);
]]-->
</mx:Script>
<!-- Define the effects -->
<mx:Parallel id="showEffects">
<mx:WipeRight duration="2000"/>
<mx:Fade alphaFrom="0"
alphaTo="1"
duration="4000"/>
</mx:Parallel>
<mx:Parallel id="hideEffects">
<mx:Fade alphaFrom="1"
alphaTo="0"
duration="2500"/>
<mx:WipeLeft duration="3000"/>
</mx:Parallel>
<mx:Panel title="Area Chart with Effects">
<mx:AreaChart id="myChart"
dataProvider="{expenses}"
creationCompleteEffect="showEffects"
hideEffect="hideEffects"
showEffect="showEffects">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Month"/>
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries yField="Profit"
displayName="Profit"/>
<mx:AreaSeries yField="Expenses"
displayName="Expenses"/>
</mx:series>
</mx:AreaChart>
<mx:Legend dataProvider="{myChart}"/>
</mx:Panel>
<mx:Button label="Toggle visibility"
click="myChart.visible=!myChart.visible"/>
</mx:Application>