<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*"
    creationComplete="chart1.loadData('data/sample1.csv'); chart2.loadData('data/sample2.csv');" 
    backgroundGradientColors="[#f3f8fc, #b8cbe2]"
    viewSourceURL="srcview/index.html">
    
    <mx:Canvas width="100%" height="100%">
         <ChartComponent id="chart1" width="100%" height="100%" 
             horizontalAxisPlacement="top"
             gapBetweenCharts="90"
             maxVAxis="9" />
    
        <ChartComponent id="chart2" width="100%" height="100%" 
            areaColor="{new SolidColor(0xff0000, 0.5)}" areaStroke="{new Stroke(0xff0000, 2)}"
            horizontalAxisPlacement="bottom" verticalAxisPlacement="right"
            gapAtBottom="90"  
            maxVAxis="9" />
    </mx:Canvas>
   
    </mx:Application>