FusionCharts for Flex > Chart Creation > Stacked Charts > Data from XML List

In this section, we'll show you how to create a stacked chart by passing data through XMLList.
 

Before you continue, we recommend that you go through "Your First Chart" section, as we start off from the concepts explained in that section.
 

We will modify the code which was used in the previous example. In the code, we bind FCData and FCParams attributes to XMLList objects (see 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.data[0]}" FCParams="{chartParams.param[0]}"/>
   </ns1:FusionCharts>   <mx:Script>
         <![CDATA[

         // Create a XMLList object for chart data
         [Bindable]
         private var chartData:XML=
              <main>
                   <data>
                         <categories>
                                <data label='Jan'/>
                                <data label='Feb'/>
                                <data label='Mar'/>
                                <data label='Apr'/>
                                <data label='May'/>
                                <data label='Jun'/>
                         </categories>
                         <dataset seriesName='Product A'>
                                <data value='27400' />
                                <data value='29800' />
                                <data value='25800' />
                                <data value='26800' />
                                <data value='29600' />
                                <data value='23600' />
                         </dataset>
                         <dataset seriesName='Product B'>
                                <data value='10000' />
                                <data value='11500' />
                                <data value='12500' />
                                <data value='15000' />
                                <data value='11000' />
                                <data value='9800' />
                         </dataset>
                    </data>
              </main>;

          //Create a XMLList object for chart parameters
          [Bindable]
          private var chartParams:XML=
              <main>
                   <param>
                         <params caption='Company Revenue' 
                         xAxisName='Month' yAxisName='Revenue' 
                         numberPrefix='$' showValues='0' />
                   </param>
              

              </main>;
        

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

 
In the code, we passed data through a XMLList object named chartData. It is essential that data in appropriate format be provided to the object. We have also created another xmlList object named chartParams for storing the chart parameters and binding them to FCParams attribute. The following chart will be displayed when the chart is executed: