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>