Chart Label Rotation

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
 
<mx:Script>
        <![CDATA[
        import mx.collections.ArrayCollection;
 
        [Bindable] private var dpAmount:ArrayCollection = new ArrayCollection( [
            {Date: "25 Dec 2006", Amount: 4000},
            {Date: "14 Feb 2007", Amount: 3000},
            {Date: "1 Apr 2007", Amount: 5500},
            {Date: "4 July 2007", Amount: 2800},
            {Date: "8 Aug 2007", Amount: 800},
            {Date: "11 Sep 2007", Amount: 2800},
            {Date: "1 Nov 2007", Amount: 3400} ]);
        ]]>
    </mx:Script>
 
    <mx:Style>
    @font-face
{
fontFamily: myFont;
src: local("Verdana");
}
 
LineChart
{
fontFamily: myFont;
}
    </mx:Style>
 
    <mx:LineChart dataProvider="{dpAmount}">
 
    <mx:horizontalAxis>
    <mx:CategoryAxis categoryField="Date" />
    </mx:horizontalAxis>
 
    <mx:horizontalAxisRenderer>
<mx:AxisRenderer labelRotation="45" />
</mx:horizontalAxisRenderer>
 
    <mx:series>
    <mx:LineSeries yField="Amount" />
    </mx:series>
 
    </mx:LineChart>
 
</mx:Application>