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