Flex中要想使图表的横坐标轴标签成45度显示（2）

从外部引入样式

 

1.在外部src/assets目录文件下，创建一个app_styles.css文件。

里面定义：

@font-face{

fontFamily: EmbeddedArial;

src: url("./assets/FZYTK.TTF");

}

 

ColumnChart{

fontFamily: EmbeddedArial;

}

 

2.引入外部css文件

<!-- Global style -->

<mx:Style source="assets/app_styles.css" />

 

3.<mx:horizontalAxis>

   <mx:CategoryAxis id="datetime_axis" categoryField="{categoryAxisField}" labelFunction="formatCategoryLabel" />

   </mx:horizontalAxis>

 

<mx:horizontalAxisRenderers>

<mx:AxisRenderer 

axis="{datetime_axis}" 

tickLength="2"

        labelRotation="45"

canDropLabels="false" 

canStagger="true">

</mx:horizontalAxisRenderers>