flex图表投影效果图示例

<?xml version="1.0"?> <!-- charts/ColumnWithDropShadow.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flash="flash.filters.*"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; [Bindable] public var expenses:ArrayCollection=new ArrayCollection([{Month: "Jan", Profit: 2000, Expenses: 1500}, {Month: "Feb", Profit: 1000, Expenses: 200}, {Month: "Mar", Profit: 1500, Expenses: 500}]); ]]--> </mx:Script> <mx:Panel title="ColumnChart with drop shadow example"> <mx:ColumnChart id="column" dataProvider="{expenses}" showDataTips="true"> <!-- Add a custom drop shadow filter to the ColumnChart control. --> <mx:filters> <mx:DropShadowFilter distance="10" color="0x666666" alpha=".8"/> </mx:filters> <mx:horizontalAxis> <mx:CategoryAxis dataProvider="{expenses}" categoryField="Month"/> </mx:horizontalAxis> <mx:series> <mx:ColumnSeries xField="Month" yField="Profit" displayName="Profit"/> <mx:ColumnSeries xField="Month" yField="Expenses" displayName="Expenses"/> </mx:series> </mx:ColumnChart> <mx:Legend dataProvider="{column}"/> </mx:Panel> </mx:Application>