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

In this section we will show you how to build a Combination chart using XML String. For example, here we will build a 2D Single Y Combination Chart using XML String 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 would continue with the first chart that we have created in the "Your First Chart" section. But instead of providing the XML file's path, we would pass the XML hard-coded in a String variable in Flex. 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="MSCombi2D" FCDataXML="{xmlData}" />

      <mx:Script>
          <![CDATA[

              // Create a string with valid chart data and with xml tags
              [Bindable]
              private var xmlData:String="<chart caption='Business Results 2005 v 2006'" +
                  "xAxisName='Month' showValues='0' numberPrefix='$'> <categories>" +
                  "<category label='Jan'/><category label='Feb'/><category label='Mar'/>" +
                  "<category label='Apr'/><category label='May' /><category label='Jun' />" +
                  "</categories><dataset seriesName='2006'><set value='27400' /><set value='29800'/>" +
                  "<set value='25800' /><set value='26800' /><set value='29600' /><set value='32600' />" +
                  "</dataset><dataset seriesName='2005' renderAs='Area'><set value='10000'/>" +
                  "<set value='11500'/><set value='12500'/><set value='15000'/><set value='11000' />" +
                  "<set value='9800' /></dataset><dataset seriesName='2004' renderAs='Line'>" +
                  "<set value='7000'/><set value='10500'/><set value='9500'/><set value='10000'/>" +
                  "<set value='9000' /><set value='8800' /></dataset></chart>";
        

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

 
Now, if you run the code, you will see the following figure.