- 浏览: 740207 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
lgh1992314:
a offset: 26b offset: 24c offse ...
java jvm字节占用空间分析 -
ls0609:
语音实现在线听书http://blog.csdn.net/ls ...
Android 语音输入API使用 -
wangli61289:
http://viralpatel-net-tutorials ...
Android 语音输入API使用 -
zxjlwt:
学习了素人派http://surenpi.com
velocity宏加载顺序 -
tt5753:
谢啦........
Lucene的IndexWriter初始化时的LockObtainFailedException的解决方法
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 '<font size="20">' + temp + </font>';
}
2、改变字体粗细:
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '<B>' + temp + </B>';
}
3、改变字体下划线:
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '<U>' + temp + </U>';
}
4、改变字体斜体:
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '<I>' + temp + </I>';
}
5、改变字体颜色:
private function categoryAxisLabelFun( item : Object, prevValue : Object, axis : CategoryAxis, categoryItem : Object) : String {
var temp : String = item as String;
return '<font color="#ff0000">' + temp + </font>';
}
<?xml version="1.0"?> <!-- charts/PredefinedAxisStyles.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ //导入相关包 import mx.collections.ArrayCollection; import mx.charts.*; import mx.charts.series.items.ColumnSeriesItem; import mx.charts.ChartItem; import mx.charts.chartClasses.Series; import mx.charts.chartClasses.IAxis; import mx.utils.ObjectUtil; [Bindable] public var expenses:ArrayCollection = new ArrayCollection([ {Month:"Jan", Profit:20, Expenses:15}, {Month:"Feb", Profit:10, Expenses:20}, {Month:"Jun", Profit:30, Expenses:40}, {Month:"Aug", Profit:15, Expenses:25}, {Month:"Set", Profit:40, Expenses:45} ]); public function myLabelFormat(obj:Object,pcat:Object,ax:LinearAxis):String { return numForm.format(obj)+"%"; } private function setCustomLabel(element:ChartItem, series:Series):String { // Get a refereence to the current data element. var data:ColumnSeriesItem = ColumnSeriesItem(element); // Get a reference to the current series. var currentSeries:ColumnSeries = ColumnSeries(series); // Create a return String and format the number. return numForm.format(data.yNumber) + "%"; } // This method customizes the values of the axis labels. // This signature (with 4 arguments) is for a CategoryAxis. public function defineLabel( cat:Object, pcat:Object, ax:CategoryAxis, labelItem:Object):String { // Show contents of the labelItem: for (var s:String in labelItem) { trace(s + ":" + labelItem[s]); } // Return the customized categoryField value: return cat + ""; // Note that if you did not specify a categoryField, // cat would refer to the entire object and not the // value of a single field. You could then access // fields by using cat.field_name. } public function myLabelDisplay(hd:HitData):String{ //return hd.displayText + "%"; // var curObj:Object = hd.item; // var curSeries:BarSeries = BarSeries(hd.chartItem.element); // 获得当前的BarSeries // return curObj.qual + "-" + curSeries.displayName + "\n" // + uqStatistics.getUQAs(curSeries.xField, curObj.qualObj).length // + RM.getString(BUNDLE_DASHBOARD, "label.piece"); var curObj:Object = hd.item; var curSeries:ColumnSeries = ColumnSeries(hd.chartItem.element); if(curSeries.yField == "Profit") return curSeries.yField + ":" + hd.item.Profit + "%"; else return curSeries.yField + ":" + hd.item.Expenses + "%"; } ]]--> </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> <!-- 设置纵坐标读取的属性 --> <!-- 设置横坐标的最小刻度以及最大刻度,另外调用labelFunction重写刻度格式为百分比 --> <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>
发表评论
-
flex解决跨域问题
2010-09-27 22:20 9511、在flash中加入Security.allowDomain ... -
flex 图标设置百分比或者其它符号
2010-06-02 22:48 1452<?xml version="1.0" ... -
flex图表坐标轴样式设置
2010-06-02 22:45 3147<?xml version="1.0" ... -
Flex中如何利用seriesFilters属性,添加/删除LineChart图表曲线阴影
2010-06-02 22:42 1507<?xml version="1.0" ... -
flex AdvancedDataGrid 控件列元素
2010-04-12 14:28 1510flex表格树列为控件元素示例 <mx:Adv ... -
flex自定义控件属性
2010-04-08 13:26 3488package myComponents { // ... -
flex数据绑定的几个方式
2010-04-01 19:17 10731. <?xml version="1.0& ... -
flex事件优先级设置
2010-03-19 14:32 1965<?xml version="1.0" ... -
flex 图表使用百分比示例
2010-03-14 16:11 1743<?xml version="1.0" ... -
fusionchartfree使用示例
2010-03-01 17:20 16411.下载fusionchartfree包,里面有相关的swf文 ... -
flex使用lineChart和DateTimeAxis实现时序图
2009-10-18 10:36 2487<?xml version="1.0" ... -
flex柱状图和折线图的混合图使用
2009-10-18 11:30 2829<?xml version="1.0" ... -
flex时序图示例
2009-11-30 19:22 1348<?xml version="1.0" ... -
flex画直线示例
2009-12-21 12:57 1416<img src="http://p.blog ... -
flex 实现横向树状图
2009-12-24 15:08 1423<?xml version="1.0" ... -
flex 实时内存使用率图
2009-12-31 14:39 1161<?xml version="1.0" ... -
flex 横向树状图优化
2009-12-31 14:42 1343<?xml version="1.0" ... -
flex竖直折线图
2009-12-31 14:45 1784<?xml version="1.0" ... -
flex图表渐变效果示例
2009-12-31 15:12 1827<?xml version="1.0" ... -
flex图表投影效果图示例
2009-12-31 15:14 1657<?xml version="1.0" ...
相关推荐
设置控件的labelFunction 2.7节. 提供菜单数据 2.8. 动态填充菜单 2.9节. 为菜单类控件创建事件处理函数 2.10节. 显示一个通知窗口 2.11节. 使用Calendar控件 2.12节. 弹出窗口的显示和位置 2.13节. 自定义弹出式...
一个非常不错的flex时间控件 ()}" labelFunction="selectDateTime" width="150"/> public function selectDateTime(item:Date):String { return item.fullYear + "-" + item.month + "-" + item.dateUTC + ...
如果仅仅只是简单的显示数据,或者对显示数据做一些格式化操作,基本的DataGrid,加labelFunction支持就可以满足了,但大多我们需要针对不同的数据和对象,进行不同的渲染,比如checkbox啦,下拉选择框,日期等等,...
为达到最佳效果,推荐使用九网互联的ASP空间,支持绑定域名到目录。-----------------------------60度CMS1.0------作者:生鱼片------------------------------------60度旗下网站:系统名称: 60度CMS1.0 Beta 0729...
<base:HDateField id="flt_date" width="70" tabIndex="7" editable="true" labelFunction="formatDate" restrict="[A-Z,0-9]" text="{this.formatDate(new Date)}" validator="{fltDateValidator}" /> ...