FusionCharts for Flex > Chart Creation > Stacked Charts > Data from Array

Here, we'll show how to send data to a Stacked chart using Array. For example, here we will build a Stacked Column 3D Chart using Array as data source.

 
Before you go further, we recommend you to see the section "Your First Chart" , as we start off from the concepts explained in that page.
 
We again use the first example. Here we will send data to the chart using Array. The code is given below.

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="com.fusioncharts.components.*">

     <ns1:FusionCharts x="10" y="10" FCChartType="StackedColumn3D">
          <ns1:FCChartData FCData="{chartData}" FCParams="{chartParams}"/>
     </ns1:FusionCharts>

     <mx:Script>
          <![CDATA[

          import mx.collections.ArrayCollection;

          // Create an ArrayCollection object for chart data
          [Bindable]
          private var chartData:ArrayCollection=new ArrayCollection([

              {label:'Jan'},
              {label:'Feb'},
              {label:'Mar'},
              {label:'Apr'},
              {label:'May'},
              {label:'Jun'},
              {seriesName:'Product A'},
              {value:'27400'},
              {value:'29800'},
              {value:'25800'},
              {value:'26800'},
              {value:'29600'},
              {value:'23600'},
              {seriesName:'Product B'},
              {value:'10000'},
              {value:'11500'},
              {value:'12500'},
              {value:'15000'},
              {value:'11000'},
              {value:'9800'}
          ]);

          //Create an ArrayCollection object as a data source for chart parameters

          [Bindable]
          private var chartParams:ArrayCollection=new ArrayCollection([                
                           { caption:'Company Revenue' },
                           { xAxisName:'Month' },
                           { yAxisName:'Sales' },
                           { numberPrefix:'$' },
                           { showValues:'0' }                
              ]);


    
     ]]>
     </mx:Script>
</mx:Application>

 
As you see in the above code, we passed data through an ArrayCollection object named chartData. For this, we created the object with valid chart data. Like Single series and Multi-series charts, here we also created another ArrayCollection object, chartParams, to store the chart parameters and bind it to FCParams attribute. Now, if you run the above code you will get the following figure.