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.

 
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 XML is provided through a string variable:
 

<?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 2004 vs 2005 vs 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>

 
You'll get the following chart when you execute the code: