如何设置Flex中X轴label为倾斜状态显示

如何设置Flex中X轴label为倾斜状态显示？其实只需要3步即可.

第一步:设置对应的X轴对象的渲染器，

  <mx:horizontalAxis>
                <mx:CategoryAxis id="haxis" categoryField="Month"/>
</mx:horizontalAxis>
<!-- 1. 重新渲染X轴的显示方式 -->
  <mx:horizontalAxisRenderers>
               <mx:AxisRenderer id="ar" axis="{haxis}" labelRotation="45" canDropLabels="false"/>
  </mx:horizontalAxisRenderers>

第二步：必须要设置一个字体，才能使效果实现，可以是已有字体或新增字体

<!-- 2.设置字体样式 -->
<mx:Style>
     @font-face { 
     src: local("Arial"); 
     font-family: EmbeddedArial;  //是字体样式名称，在组件中引用
  }
</mx:Style>

第三步：将字体样式引用到对应的组件中使用

<mx:LineChart id="linechart" height="100%" width="45%"
            paddingLeft="5" paddingRight="5" fontFamily="EmbeddedArial"
            showDataTips="true" dataProvider="{expensesAC}">