`
yrhtiger
  • 浏览: 11592 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

在LineChart中加入label

    博客分类:
  • flex
阅读更多
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);
	}
		
	}
}


在LineSeries里使用itemRenderer引用
分享到:
评论

相关推荐

    Android-LineChart图标显示多条曲线

    在Android开发中,数据可视化是十分重要的,LineChart作为一种常用的数据展示方式,常用于呈现趋势或者比较多个数据系列。本文将深入探讨如何在Android应用中使用LineChart来显示多条曲线,帮助开发者创建出直观、易...

    MPAndroidChart中的LineChart

    在Android开发中,数据可视化是不可或缺的一部分,而LineChart作为展示连续性数据的图表,常被用于显示趋势和变化。MPAndroidChart库是一个强大且流行的开源库,提供了丰富的图表类型,包括LineChart。下面我们将...

    C#画图,画线源码 LineChart

    "C#画图,画线源码 LineChart"是一个关于如何在C#中实现简单图表绘制的示例项目。这个项目的目标是提供一个简化的方式来绘制线条图表,帮助开发者快速理解和实现自己的图形界面应用。 在C#中,可以使用System....

    flex 改变linechart datatips 显示样式代码

    在Flex开发中,LineChart是一种常用的图表组件,用于展示数据趋势。Datatips是LineChart中的一个重要特性,它会在鼠标悬停在数据点上时显示相关信息。本篇将详细介绍如何改变Flex LineChart的Datatips显示样式,包括...

    Android 实时动态折线图Linechart

    `Android 实时动态折线图Linechart`是一个专门用于在Android设备上创建动态、交互式的折线图的实现,它可以帮助开发者高效地展示随着时间变化的数据流。这个功能通常用于展示传感器数据、股市行情、健康监测等场景。...

    Android代码-Android-LineChart

    Android-LineChart 介绍 一个简单的折线,贝塞尔曲线图表控件,高度可扩展,支持动态显示。 效果图 使用 设置布局 2. 添加数据 ```Java lineChartView.setData(datas); 修改Y轴标尺间隔 lineChartView....

    MPAndroidChart的详细使用——LineChart折线图(二)

    今天来记录一下LineChart(折线图)的详细使用(美化)! 注:本人使用的版本是MPAndroidChart-v3.0.3(如若版本不同有某些方法更新,可在评论区留言,尽我所能帮你解决!) 上一篇文章讲了折线图的简单使用,这篇...

    Line Chart

    其中,`ios-linechart-master`这个压缩包很可能包含了一个iOS线形图的开源项目或框架,它可能提供自定义、交互式和高性能的线形图视图。 对于"line chart ios"这个标签,我们可以深入探讨一下在iOS上实现线形图的...

    ireport line chart Label 相關處理心得1

    本文主要讨论了在IReport中处理折线图(Line Chart)Label的一些关键点,这些知识点对于创建清晰、易读的图表至关重要。 1. **控制线显示**:在IReport的线图中,你可以选择一次性显示所有线条的Label,或者只显示...

    linechart.rar

    在本项目中,"linechart.rar" 是一个包含Vue.js应用程序的压缩文件,主要用于演示如何使用canvas元素动态绘制折线图。Vue.js是一个流行的前端框架,它提供了组件化开发、数据绑定和响应式更新等功能,使得构建用户...

    LineChart C#划曲线图

    这个控件是.NET Framework的一部分,位于System.Windows.Forms命名空间下,它提供了丰富的图表类型,包括线性图(LineChart)、柱状图(Histogram)和饼图(PieChart)。通过灵活地配置和设置各种属性,我们可以定制...

    swift-swift-linechart-功能完整实用的iOS折线图组件

    "swift-linechart" 是一个专为iOS平台设计的折线图组件,它提供了强大的功能和易用性,使得开发者能够轻松地在应用程序中集成高质量的折线图。这个组件是用Swift编程语言编写的,因此充分利用了Swift的现代特性和...

    android 绘制折线图(AChartEngine)Linechart 动态更新横轴为获取的当前时间

    在Android开发中,有时我们需要展示数据的动态变化,比如实时监测的数据流或模拟股票市场走势。在这种场景下,使用图表库来绘制折线图是非常有用的。`AChartEngine`是一个强大的开源库,专为Android设计,它允许...

    flex LineChart

    以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。

    Html5 line chart

    html5 不错的动态图,大家分享一下。

    AE插件-用数据生成曲线走势图表动画 Dynamic Line Chart v1.07 Win/Mac

    Beepee Dynamic Line Chart (DLC) is an After Effects plugin that instantly creates line charts from data.All the parameters of the chart and the data itself can be animated. The many (hundreds!) of ...

    C# WPF画LineChart

    当我们谈论在WPF中创建自定义的LineChart时,这通常涉及到数据可视化和图形绘制。LineChart是一种常用的数据展示方式,它通过连接一系列数据点来显示趋势或变化。在这个主题下,我们将深入探讨如何在WPF应用中实现...

    Flex LineChart

    Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。

    flex LineChart实例

    此Flex LineChart实例不仅展示了如何在Flex中绘制基本的线形图,还涉及到了一些高级功能,如自定义标签格式、数据绑定以及动态加载数据等。对于想要使用Flex框架进行数据可视化的开发者来说,这是一个非常实用的参考...

Global site tag (gtag.js) - Google Analytics