Flex CategoryAxis 字体样式修改_Flex

在群里面有朋友问我,如何可以修改Flex Charts其中一个可视化标签:CategoryAxis的字体大小、颜色等方式。

CategoryAxis的定义:
CategoryAxis类允许图表表示由轴上的一组离散值组成的数据。通常可以使用CategoryAxis类定义一组沿图表的轴显示的标签。例如,按城市、年份、业务部门等呈现数据的图表。
CategoryAxis的继承关系:
CategoryAxis → AxisBase → EventDispatcher → Object
从上述关系可以看出CategoryAxis没有继承UIComponent、DisplayObject等可视化容器,同时CategoryAxis也没有一些关于文字设定方面的属性,例如fontsize、fontWeight、textDecoration等。

不过我们可以利用其他的方式来实现这个功能。
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>';
}

综上所述,其实我们利用了一个很简单的方式,使用HTML标签对其Label进行设置。

时间: 2024-09-28 08:24:57

Flex CategoryAxis 字体样式修改_Flex的相关文章

Flex/AIR控件字体样式设置

今天在写个air的程序,写完后老婆说我字体太小.太难看了,于是我就开始整理程序的 界面样式,想着这么简单的工作很快就会完成吧,可是事与愿违,竟然花费了好几个小时的 时间才把控件的字体设置完成.最后发现我竟然死在了font-weight上! 要实现的最终效果: 之前一直是: 在网上找了好多资料,试过好多方法一直没有找到解决办法,最后干脆就试一遍,发现必 须设置font-weight,字体才能生效. 下面就把flex设置字体的方法大体列举几种,以供参考. 1.引用外部字体库的方法: @font-fa

修改360浏览器字体样式的方法

  无论是windows系统下默认的IE浏览,还是第三方智能浏览器,在浏览器中的默认字体大小都是一样的,而对于一些使用来说,如果看厌了默认的字体样式,那么赶快通过下方小编提供的方法,来自定义修改自己所喜爱的字体吧! 操作方法 1.进入浏览器的设置选项. 2.在左边的[高级选项]一栏找到[自定义字体]. 3.接着在标准字体中改变你想要的字体. 由于360极速浏览器的内核是采用谷歌chrome浏览器的内核,所以360极速浏览器设置字体的方法同样适用于chrome浏览器,小伙伴们快去试一试吧. 通过上

文本框-Flex Richtext中的文字样式修改

问题描述 Flex Richtext中的文字样式修改 我想实现文本框内部分重要文字颜色的修改,请问要怎样去做,或者不使用RichText控件,也能实现上述效果的 解决方案 已解决 var str:String = ""123456shit""; txt.textFlow = TextConverter.importToFlow(str TextConverter.TEXT_FIELD_HTML_FORMAT); 解决方案二: 我以前使用net做过文本颜色的修改功能,

高德地图怎么修改提示框的样式和里面的字体样式,求大神DOME啊

问题描述 高德地图怎么修改提示框的样式和里面的字体样式,求大神DOME啊 addMarker(new MarkerOptions().position(Constants.NANJING).draggable(true) .title(""新城科技园"").snippet(""建邺区奥体大街69号新城科技园4栋新城科技园"")); 修改提示边框和字体. 解决方案 http://lbs.amap.com/fn/css-style

asp.net C#怎么实现在线字体字号样式修改

问题描述 asp.net C#怎么实现在线字体字号样式修改 类似ewebeditor中能下拉各种字体样式以及字体大小,不需要ewebeditor那么全的功能. 希望各位高手指点,谢谢!

使用Chrome修改任意WordPress主题字体样式与字号

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 许多网友和Quicl一样,默认主题的字体不好看之,为了美观就在编辑文章时候使用CSS弄个字体样式,可是诸不知文章使用过多的CSS样式对首页打开速度有很大影响.根除这个问题的方式就是修改Wordpress主题默认的字体样式与字号.虽然在今天之前一直用着修改文章css的方法,可是昨晚上网时间有点长,看网站其他字体时候突然感到不拿么爽.遂想到,算了

Android修改字体样式的示例代码

在Android实际开发中根据UI的设计图,经常要去改变系统默认的字体样式 这样做会使apk变大很多啊 而且为什么android要使用ios的字体-_-# 单独设置字体样式 (1)Android系统提供了几种字体样式可供选择 通过设置typeface属性或者fontFamily属性设置 typeface属性: normal serif sans monospace fontFamily属性: casual cursive serif monospace sans-serif sans-serif

详解CSS网页布局中默认字体样式

核心提示:浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做

解析CSS设置默认字体样式

默认字体样式会因为浏览器不同,版本不同,甚至操作系统不同的设置不同导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样式优先级 通常用户看到的