修改flex chart中Legend的字体样式

最新推荐文章于 2025-07-25 13:31:16 发布

最新推荐文章于 2025-07-25 13:31:16 发布 · 185 阅读

文章标签：

#Flex #Google

Flex 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种在Flex中调整图表Legend字体大小的方法。通过派生LegendItem类并定义自定义样式，可以有效地更改Legend中文字的字体和大小。

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

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

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

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