<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="onCreationComplete()">
    
    <mx:Script>
        <![CDATA[
            import util.SimpleGanttUtil;
            
            //durations are just in integer # of days for simplicity
            [Bindable]
            private var ganttData : XML = 
                <GanttData>
                    <series duration="20">
                        <task duration="2" start="0" title="Task 1" />
                        <task duration="2" start="1" title="Task 2" />
                        <task duration="7" start="3" title="Task 3" />
                        <task duration="5" start="8" title="Task 4" />
                        <task duration="6" start="8" title="Task 5" />
                        <task duration="4" start="14" title="Task 6" />
                        <task duration="3" start="17" title="Task 7" />
                    </series>
                </GanttData>;
                
            public function onCreationComplete() : void
            {
                SimpleGanttUtil.duration = ganttData.series.@duration;
                dg.dataProvider = ganttData.series.task;
            }
        ]]>
    </mx:Script>
    
    <mx:DataGrid top="0" left="0" right="0" bottom="0" id="dg" >
        <mx:columns>
            <mx:DataGridColumn headerText="Title" dataField="@title" width="80"/>
            <mx:DataGridColumn headerText="Duration" dataField="@start" itemRenderer="renderers.SimpleGanttRenderer"/>
        </mx:columns>
    </mx:DataGrid>
    
</mx:Application>