FusionCharts for Flex > Chart Creation > Combination Charts > Data from Model

In this section, we'll show you how to create a Combination chart using Model.

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 Model objects have been used for providing chart data and chart parameters:
 

<?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}" FCParams="{chartParams.param}"/>
      </ns1:FusionCharts>

      <!--Create a Model objetc as a data source for the chart-->
      <mx:Model id="chartData">
          <chart>
             <data>
                 <label>Jan</label>
             </data>
             <data>
                 <label>Feb</label>
             </data>
             <data>
                 <label>Mar</label>
             </data>
             <data>
                 <label>Apr</label>
             </data>
             <data>
                 <label>May</label>
             </data>
             <data>
                 <label>Jun</label>
             </data>
             <data>
                 <seriesName>2006</seriesName>
             </data>
             <data>
                  <value>27400</value>
             </data>
             <data>
                  <value>29800</value>
             </data>
             <data>
                  <value>25800</value>
             </data>
             <data>
                  <value>26800</value>
             </data>
             <data>
                  <value>29600</value>
             </data>
             <data>
                  <value>32600</value>
             </data>
             <data>
                 <seriesName>2005</seriesName>
                 <renderAs>Area</renderAs>
             </data>
             <data>
                  <value>10000</value>
             </data>
             <data>
                  <value>11500</value>
             </data>
             <data>
                  <value>12500</value>
             </data>
             <data>
                  <value>15000</value>
             </data>
             <data>
                  <value>11000</value>
             </data>
             <data>
                  <value>9800</value>
             </data>
             <data>
                 <seriesName>2004</seriesName>
                 <renderAs>Line</renderAs>
             </data>
             <data>
                  <value>7000</value>
             </data>
             <data>
                  <value>10500</value>
             </data>
             <data>
                  <value>9500</value>
             </data>
             <data>
                  <value>10000</value>
             </data>
             <data>
                  <value>9000</value>
             </data>
             <data>
                  <value>8000</value>
             </data>
          </chart>
      </mx:Model>
  
    
     
 <!--Create a Model object as a data source for the chart parameters-->

      <mx:Model id="chartParams">
          <chart>
             <param>
                 <caption>Business Result 2004 vs 2005 vs 2006</caption>
                 <xAxisName>Month</xAxisName>
                 <showValues>0</showValues>
                 <numberPrefix>$</numberPrefix>
             </param>
         </chart>
      </mx:Model>

 
</mx:Application>

 
In the code, we have passed data through a Model object named chartData. It is essential that only data in appropriate format be passed to the object. The chart parameters have been provided through a Model object named chartParams which has been bound to FCParams attribute. The following chart will be rendered upon execution of the code: