修改flex chart中Legend的字体样式
关键字: flex, chart, 样式
最近在弄FLEX的图表, 发现CHART 中的Legend 的字体通过直接设置Style 并没有办法改变字体大小.
google 了下, 发现了这个方法: 通过派生LegendItem类，并设置Legend的ItemClass属性来实现。
LegendItem 是Lengend 的元素, 就是里面一个一个的图示. 通过派生这个类, 就可以修改其相应的样式.
派生LegendItem 类, 并设置样式.
BigFontLegendIte.as
Actionscript代码
package com
{
import mx.charts.LegendItem;
public class BigFontLegendItem extends LegendItem
{
public function BigFontLegendItem()
{
super();
this.styleName = "<STRONG>ChineseFont</STRONG>
";
}
}
}
package com
{
import mx.charts.LegendItem;
public class BigFontLegendItem extends LegendItem
{
public function BigFontLegendItem()
{
super();
this.styleName = "ChineseFont
";
}
}
}
2. 然后定义样式, 在 Legend 中直接指定legendItemClass 为 BigFontLegendIte
Xml代码
<mx:Style>
.<STRONG>ChineseFont</STRONG>
{
fontFamily:"Verdana","宋体";
fontSize:12;
}
</mx:Style>
<mx:Legend legendItemClass="com.BigFontLegendItem " />
<mx:Style>
.ChineseFont
{
fontFamily:"Verdana","宋体";
fontSize:12;
}
</mx:Style>
<mx:Legend legendItemClass="com.BigFontLegendItem " />
这样就可以设置Legend 中的字体大小或者样式了.