FusionCharts for Flex > Chart Creation > Multi-Series > Data from XML List

In this section we'll show you the method of creating a multi-series chart by providing data in form of 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 created in the previous section. We'll bind the FCData and FCParams attributes to the XMLList objects. The code for this 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="MSColumn3D">
       <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='2006'>
                                  <data value='27400' />
                                  <data value='29800' />
                                  <data value='25800' />
                                  <data value='26800' />
                                  <data value='29600' />
                                  <data value='32600' />
                             </dataset>
                             <dataset seriesName='2005'>
                                  <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='Business Result 2005 v 2006' 
                                xAxisName='Month' yAxisName='Revenue'
                                numberPrefix='$' showValues='0' />
                        </param>
                   </main>;
        ]]>

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

 
In the code, we have passed the data through a XMLList object named chartData. It is essential that the object be created in a valid format. We have also created another xmlList object named chartParams that stores the chart parameters and binds them to FCParams attribute. Now, if you run the code, you'll get the following chart: