如何设置Flex中X轴label为倾斜状态显示
2012-02-20 11:20
369 查看
如何设置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}">
第一步:设置对应的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}">
相关文章推荐
- Flex中如何通过useRollOver样式,设置Tree项目在鼠标移在上面时高亮显示与否
- DevExpress.XtraCharts.ChartControl 如何设置横坐标倾斜显示
- Flex中如何通过displayAsPassword属性,设置TextInput文本显示密码形式(*)
- 设置Flex4的Label组件截取超出长度的text属性值并显示提示
- Flex中如何设置CheckBox标签(Label)与主题(theme )颜色的例子
- Flex中如何利用firstVisibleItem属性设置或取得第一个显示节点的例子
- Flex中如何设置CheckBox标签(Label)与主题(theme )颜色的例子
- 如何设置在一个Label上显示不同颜色的text
- Flex中如何设置或取消DateChooser控件当前日期高亮显示(highlighting)的例子
- Flex中如何通过设置editable属性控制NumericStepper控件可编辑/不可编辑状态的例子
- flex中如何对数据的显示格式进行设置
- Flex中如何通过enabled属性在RadioButtonGroup中将所有的RadioButton设置为有效或无效状态的例子
- Flex中如何监测stateChange事件,将VideoDisplay中视频当前ProgressBar中状态显示在List中
- Flex中如何设置Slider控件,使只有鼠标移动到HSlider/VSlider时才显示游标
- Flex中如何通过mode属性设置进度条ProgressBar动画状态的例子
- Flex中如何通过mode属性,设置进度条ProgressBar动画状态
- Flex中如何设置CheckBox标签(Label)与主题(theme )颜色的例子
- Flex中如何通过includeInLayout和visible属性设置Form显示或隐藏
- Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
- Flex中如何通过errorString属性在CheckBox控件上设置一个错误信息显示字符串的例子