在LineChart中加入label

最新推荐文章于 2024-09-02 11:22:48 发布

最新推荐文章于 2024-09-02 11:22:48 发布 · 323 阅读

文章标签：

#Flash

flex 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个自定义的 Flash LineSeries 渲染器实现，该渲染器用于图表的数据展示，通过设置颜色和文本来表示数据点的百分比值，并在显示列表中绘制圆形标记。


package
{
	import flash.display.Graphics;
	import flash.geom.Rectangle;

	import mx.charts.chartClasses.LegendData;
	import mx.charts.series.LineSeries;
	import mx.charts.series.items.LineSeriesItem;
	import mx.controls.Label;
	import mx.core.IDataRenderer;
	import mx.core.UIComponent;
	import mx.graphics.Stroke;

	public class LineRenderer extends UIComponent implements IDataRenderer
	{
		private var _label:Label;
		private var _yField:String;
		private var _color:Number;

		private var _chartItem:LineSeriesItem;

	public function LineRenderer():void
	{
		super();
		_label = new Label();
		addChild(_label);
	}

	public function get data():Object
	{
		return _chartItem;
	}

	public function set data(value:Object):void
	{
		if (_chartItem == value)
			return;
		if(value is LineSeriesItem) {
			_chartItem = LineSeriesItem(value);
			_label.text = _chartItem.yValue.toString()+"%";
			_color = Stroke(LineSeries(_chartItem.element).getStyle("lineStroke")).color;
			_label.setStyle("color",_color);
		} else if(value is LegendData) {
			_color = Stroke(LineSeries(LegendData(value).element).getStyle("lineStroke")).color;
		}
	}

	override protected function updateDisplayList(unscaledWidth:Number,
												  unscaledHeight:Number):void
	{
		super.updateDisplayList(unscaledWidth, unscaledHeight);
		var rc:Rectangle = new Rectangle(0, 0, width , height );

		var g:Graphics = graphics;
		g.clear();		
		g.moveTo(rc.left,rc.top);
		g.beginFill(_color);
		g.drawCircle(4,4,1);
		g.endFill();

		_label.setActualSize(_label.getExplicitOrMeasuredWidth(),_label.getExplicitOrMeasuredHeight());
		_label.move(unscaledWidth ,
					unscaledHeight);
	}

	}
}