[flex_india:28257] Rotating chart axis labels

[Akshar]

I want to rotate the chart axis label. i have used the sample code
provided by adobe @ 
http://livedocs.adobe.com/flex/3/html/help.html?content=charts_types_08.html
but i am not able to achieve the rotation.
I have removed following lines in the sample code because i do not
have the font ttf:-

------------------------------------------------------------------------------------------------------------
<mx:Style>
     @font-face{
        src: url("../assets/MyriadWebPro.ttf");
        fontFamily: myMyriad;
     }

     ColumnChart {
        fontFamily: myMyriad;
        fontSize: 20;
     }
  </mx:Style>

------------------------------------------------------------------------------------------------------------

any help in this direction will be helpful.

my file is :-

<?xml version="1.0"?>
<!-- charts/RotateAxisLabels.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";>
  <mx:Script><![CDATA[
  import mx.collections.ArrayCollection;
  [Bindable]
  public var expenses:ArrayCollection = new ArrayCollection([
     {Month: "Jan", Profit: 2000, Expenses: 1500},
     {Month: "Feb", Profit: 1000, Expenses: 200},
     {Month: "Mar", Profit: 1500, Expenses: 500}
  ]);
  ]]></mx:Script>

  <mx:Panel title="Rotated Axis Labels">
     <mx:ColumnChart id="column" dataProvider="{expenses}"
showDataTips="true">
        <mx:horizontalAxis>
           <mx:CategoryAxis
                dataProvider="{expenses}"
                categoryField="Month"
                title="FY 2006"
                id="a1"
           />
        </mx:horizontalAxis>

        <mx:horizontalAxisRenderers>
           <mx:AxisRenderer labelRotation="45" axis="{a1}"/>
        </mx:horizontalAxisRenderers>
        <mx:verticalAxisRenderers>
           <mx:AxisRenderer labelRotation="45" axis="{a1}"/>
        </mx:verticalAxisRenderers>

        <mx:series>
           <mx:ColumnSeries
                xField="Month"
                yField="Profit"
               displayName="Profit"
           />
           <mx:ColumnSeries
                xField="Month"
                yField="Expenses"
               displayName="Expenses"
           />
        </mx:series>
     </mx:ColumnChart>
     <mx:Legend dataProvider="{column}"/>
  </mx:Panel>
</mx:Application>

-- 
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to flex_in...@googlegroups.com.
To unsubscribe from this group, send email to 
flex_india+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en.