<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate scrolling and zooming chart with the ScrollableAxisRenderer. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:charts="com.iwobanas.charts.*" layout="horizontal" viewSourceURL="srcview/index.html">
    
    <mx:ArrayCollection id="sampleData">
        <mx:Object x="1" y="5" />
        <mx:Object x="2" y="6" />
        <mx:Object x="3" y="7" />
        <mx:Object x="4" y="6" />
        <mx:Object x="5" y="4" />
        <mx:Object x="6" y="3" />
        <mx:Object x="7" y="4" />
        <mx:Object x="8" y="5" />
        <mx:Object x="9" y="6" />
        <mx:Object x="10" y="4" />
    </mx:ArrayCollection>
    
    <mx:Panel title="Scrollable Axis Renderer" width="95%" height="95%"
        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
        
        <mx:Text width="100%" text="Drag horizontal axis to scroll, use mouse wheel over axis to zoom." />
        
        <mx:ColumnChart id="chart" dataProvider="{sampleData}"
            width="100%" height="100%"
            showDataTips="true">
            <mx:series>
                <mx:ColumnSeries xField="x" yField="y" />
            </mx:series>
            <mx:horizontalAxis>
                <mx:LinearAxis id="hAxis" />
            </mx:horizontalAxis>
            <mx:horizontalAxisRenderers>
                <charts:ScrollableAxisRenderer axis="{hAxis}" />
            </mx:horizontalAxisRenderers>
        </mx:ColumnChart>
    </mx:Panel>
    
</mx:Application>