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>