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>