Flex - 修改图例(Legend )的字体样式和大小
作者:hangge | 2015-09-14 12:34
默认图例文字太小,如果想要修改Legend的字体大小,直接设置Legend的fontSize是没有用的。
--- Main.mxml ---
可以通过扩展LegendItem类,并设置Legend的ItemClass属性来实现。
--- MyLegendItem.as ---
package com.frontier.qjbdz.views.comp { import mx.charts.LegendItem; public class MyLegendItem extends LegendItem{ public function MyLegendItem(){ super(); this.styleName="LegendItemFont"; } } }
--- Main.mxml ---
<?xml version="1.0"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; @namespace comp "com.frontier.qjbdz.views.comp.*"; .LegendItemFont{ fontSize:12; } </fx:Style> <mx:Legend dataProvider="{linechart}" width="100%" direction="horizontal" paddingLeft="30" color="0x707070" legendItemClass="{MyLegendItem}"/> </s:Application>
全部评论(0)