flex图表渐变效果示例

<?xml version="1.0"?>
<!-- charts/GradientFills.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<!--[CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var expenses:ArrayCollection=new ArrayCollection([{Expense: "Taxes", Amount: 2000}, {Expense: "Rent", Amount: 1000}, {Expense: "Bills", Amount: 100}]);
]]-->
</mx:Script>
<mx:Panel title="Background Fill">
<mx:BarChart id="myChart"
dataProvider="{expenses}"
showDataTips="true">
<mx:verticalAxis>
<mx:CategoryAxis dataProvider="{expenses}"
categoryField="Expense"/>
</mx:verticalAxis>
<mx:fill>
<mx:LinearGradient>
<mx:entries>
<mx:GradientEntry color="0xC5C551"
ratio="0"
alpha="1"/>
<mx:GradientEntry color="0xFEFE24"
ratio=".33"
alpha="1"/>
<mx:GradientEntry color="0xECEC21"
ratio=".66"
alpha="1"/>
</mx:entries>
</mx:LinearGradient>
</mx:fill>
<mx:series>
<mx:BarSeries xField="Amount"
displayName="Amount"/>
</mx:series>
</mx:BarChart>
<mx:Legend dataProvider="{myChart}"/>
</mx:Panel>
</mx:Application>