flex 图表categoryField设置 labelFunction使用

最新推荐文章于 2020-08-31 15:52:29 发布

zhongweijian

最新推荐文章于 2020-08-31 15:52:29 发布

阅读量5.8k

点赞数

分类专栏： flex 文章标签： flex object string function import application

本文链接：https://blog.csdn.net/zhongweijian/article/details/5378817

版权

flex 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

CategoryAxis有一个叫做labelFunction的属性，这个属性的定义：指定一个函数，用于定义为CategoryAxis的dataProvider中的各个项目生成的标签。

所以修改的原理：可以利用labelFunction得到每个Label，然后再对其进行修改。

片段代码：
<mx:horizontalAxis>
<mx:CategoryAxis id="ca"
 categoryField="@date" title="August 2007" labelFunction="categoryAxisLabelFun" />
</mx:horizontalAxis>

private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
 var temp : String = item as String;
 return temp;
}

其中categoryAxisLabelFun的参数：
1、item：保存的就是Label里面文字信息。
2、prevValue：坐标轴上面，前一个类别的值。
3、axis：CategoryAxis的实例化对象。
4、categoryItem：是将要呈现的dataProvider中的项目。
所以与标签有关系的只有第一个参数：item。

以下代码分别是对CategoryAxis的标签进行修改的代码：

1、改变字体大小：
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '' + temp + ';
}

2、改变字体粗细：
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '' + temp + ';
}

3、改变字体下划线：
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '' + temp + ';
}

4、改变字体斜体：
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '' + temp + ';
}

5、改变字体颜色：
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '' + temp + ';
}

<?xml version="1.0"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script>  </mx:Script> <mx:NumberFormatter id="numForm" useThousandsSeparator="true"/> <mx:Panel title="Using Predefined Axis Styles" > <mx:ColumnChart id="column" dataProvider="{expenses}" showDataTips="true" dataTipFunction="myLabelDisplay"> <mx:horizontalAxis> <mx:CategoryAxis dataProvider="{expenses}" categoryField="Month" labelFunction="defineLabel" /> </mx:horizontalAxis>   <mx:verticalAxis> <mx:LinearAxis minimum="0" maximum="50" labelFunction="myLabelFormat"/> </mx:verticalAxis> <mx:series> <mx:ColumnSeries xField="Month" yField="Profit" displayName="Profit" labelPosition="outside" labelFunction="setCustomLabel" /> <mx:ColumnSeries xField="Month" yField="Expenses" displayName="Expenses" labelPosition="outside" labelFunction="setCustomLabel" /> </mx:series> </mx:ColumnChart> <mx:Legend dataProvider="{column}"/> </mx:Panel> <mx:Style> ColumnChart { horizontalAxisStyleName:myAxisStyles; verticalAxisStyleName:myAxisStyles; } .myAxisStyles { tickPlacement:none; } </mx:Style> </mx:Application>

zhongweijian

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
flex 图表categoryField设置 labelFunction使用

CategoryAxis有一个叫做labelFunction的属性，这个属性的定义：指定一个函数，用于定义为CategoryAxis的dataProvider中的各个项目生成的标签。所以修改的原理：可以利用labelFunction得到每个Label，然后再对其进行修改。片段代码： categoryField="@date" title="August 2007" la
复制链接

扫一扫

专栏目录