修改flex chart中Legend的字体样式

 

最近在弄FLEX的图表, 发现CHART 中的Legend 的字体通过直接设置Style 并没有办法改变字体大小.

google 了下, 发现了这个方法: 通过派生LegendItem类，并设置Legend的ItemClass属性来实现。

 

LegendItem 是Lengend 的元素, 就是里面一个一个的图示. 通过派生这个类, 就可以修改其相应的样式.

 

 

 

1. 派生LegendItem 类, 并设置样式.

 

BigFontLegendIte.as

 

package com
{
import mx.charts.LegendItem;
public class BigFontLegendItem extends LegendItem
{
   public function BigFontLegendItem()
   {
    super();
    this.styleName = "ChineseFont


";
   }
  
}
}

 

2. 然后定义样式, 在 Legend 中直接指定legendItemClass 为  BigFontLegendIte

 

<mx:Style>
     .ChineseFont


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

<mx:Legend legendItemClass="com.BigFontLegendItem " />

 

 

这样就可以设置Legend 中的字体大小或者样式了.