FusionCharts for Flex > Chart Creation > Combination Charts > XML List

In this section we'll show you how to create a Combination chart using 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.
 
In the following code, data and chart parameters are provided through XMLIst.
 

<?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="MSCombi2D">
         <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' renderAs='Area'>
                           <data value='10000' />
                           <data value='11500' />
                           <data value='12500' />
                           <data value='15000' />
                           <data value='11000' />
                           <data value='9800' />
                     </dataset>
                     <dataset seriesName='2004' renderAs='Line' >
                           <data value='7000' />
                           <data value='10500' />
                           <data value='9500' />
                           <data value='10000' />
                           <data value='9000' />
                           <data value='8000' />
                     </dataset>
               </data>
            </main>;

         //Create a XMLList object for chart parameters

         [Bindable]
         private var chartParams:XML=
            <main>
               <param>
                   <params caption='Business Result 2004 vs 2005 vs 2006' 
                          xAxisName='Month' numberPrefix='$' showValues='0'/>
               </param>
            </main>;

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

 
In the code, we have passed data through a XMLList object named chartData. It is essential that only 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. Now, when you run the code, you'll get the following chart: