flex legend css 中文字体样式设置

最新推荐文章于 2024-04-13 15:16:57 发布

原创最新推荐文章于 2024-04-13 15:16:57 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #CSS #ActionScript

flex相关专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在Flex中修改图表图例字体大小的方法。通过创建一个名为BigFontLegendItem的自定义类，并在Application中定义样式，可以实现图例字体的放大。此外，还需要在legend标签中指定自定义类及字体大小等属性。

在所在文件目录下新建一个actionscript Class

BigFontLegendItem（类名字要与文件名相同哦）内代码如下：

package com

{
import mx.charts.LegendItem;
public class BigFontLegendItem extends LegendItem
{
public function BigFontLegendItem()
{
super();
this.styleName = “ChineseFont”;

}
}
}

flex端Application内加入样式

<mx:Style>
.ChineseFont{
fontFamily:”Verdana”,”宋体”;
fontSize:12;
}
</mx:Style>

legend标签里加入

<mx:Legend dataProvider=”{columnchart1}” legendItemClass=”com.BigFontLegendItem” width=”560″ fontSize=”12″ height=”25″ paddingLeft=”180″/>