SeriesInterpolate effect

   

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 creationComplete="initApp()" backgroundColor="#FFFFFF">
  <mx:Script>
    
    import mx.charts.events.ChartItemEvent;
    import mx.collections.ArrayCollection;
    import mx.charts.HitData;
    
    [Bindable]
    private var productSales:ArrayCollection;
 
 
    private function initApp():void{
      productSales = new ArrayCollection( [
            { Quarter: "1", PC: 10000, Mac: 3000, Gadgets: 1000, Total: 14000 },
            { Quarter: "2", PC: 12000, Mac: 4000, Gadgets: 2000, Total: 18000 },
            { Quarter: "3", PC: 15000, Mac: 8000, Gadgets: 5000, Total: 28000 },
            { Quarter: "4", PC: 20000, Mac: 10000, Gadgets: 9000, Total: 39000 }
            ]);
      
       var pieData:ArrayCollection = new ArrayCollection( [
         {Product: "PC", Total: 1},
         {Product: "Mac", Total: 2},
         {Product: "Gadgets", Total: 3},
        ]);
       pieChart.dataProvider=pieData;
    }
            
    public function display(data:Object, field:String, index:Number,percentValue:Number):String {
      return data.Product + ": " + data.Total;
    }

  
  </mx:Script>
    
  <mx:SeriesInterpolate id="showPieEffect" duration="1000"/>
  <mx:Panel title="Effects" width="100%" height="100%">
    <mx:ColumnChart id="columnChart" height="100%" width="100%" showDataTips="true" dataProvider="{productSales}">
      <mx:horizontalAxis>
        <mx:CategoryAxis categoryField="Quarter"/>
      </mx:horizontalAxis>          
      <mx:series>
        <mx:ColumnSeries xField="Quarter" yField="Total" displayName="Quarter"/>
      </mx:series>
    </mx:ColumnChart>
    <mx:PieChart id="pieChart" height="100%" width="100%" showDataTips="true" >
      <mx:series>
        <mx:PieSeries showDataEffect="{showPieEffect}" labelPosition="callout" field="Total" labelFunction="display"/>
      </mx:series>
    </mx:PieChart>
  </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Creating an instance of an effect using pure ActionScript
2.	Creating a reusable effect in ActionScript with Move class
3.	Define effect in MXML, use ActionScript to apply it
4.	Effect With ActionScript
5.	Use ActionScript to play Effect
6.	Grouping effects and playing them one after another
7.	Playing multiple effects at the same time
8.	Use a class selector to apply effects
9.	Using MXML to define the effect
10.	Applying behaviors using the Effect.target and Effect.targets properties
11.	Setting effect durations
12.	Add show effect to a control
13.	Play effect for more than one controls
14.	Set effect target
15.	Reverse an Effect
16.	Pause an Effect
17.	Composite Effects
18.	Enable Composite Effects
19.	Using the Pause effect to pause between two other effects
20.	Using easing functions with the Move effect to make motion less linear
21.	rollOverEffect and rollOutEffect
22.	Create, configure, and apply effects to Flex components
23.	Mouse down effect for an Image control
24.	specify the mx.effects.easing.Bounce.easeOut() method to the Accordion
25.	Chart show data effect
26.	Check property in effect filer function
27.	Apply Shadow effect
28.	Insertion's effect on the Array and the ArrayCollection representation of the Array
29.	Applying MX effects in MXML
30.	List Effect Custom and Default Effects
31.	Easing function that creates a bounce motion when combined with the Flex Move effect
32.	Repeat Effects
33.	Applying transform effects

SeriesInterpolate effect : Effect « Effects « Flex

Related examples in the same category