修改flex chart中Legend的字体样式

修改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 中的字体大小或者样式了.