您的位置:首页 > 其它

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

2012-02-20 11:20 288 查看
如何设置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}">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐