`
yrhtiger
  • 浏览: 11447 次
  • 性别: 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引用
分享到:
评论

相关推荐

    MPAndroidChart中的LineChart

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

    Android-LineChart图标显示多条曲线

    在Android开发中,数据可视化是十分重要的,LineChart作为一种常用的数据展示方式,常用于呈现趋势或者比较多个数据系列。本文将深入探讨如何在Android应用中使用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 不错的动态图,大家分享一下。

    C# WPF画LineChart

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

    Flex LineChart

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

    flex LineChart实例

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

    LineChartDemo.zip

    本篇文章将通过分析“LineChartDemo.zip”中的代码示例,深入探讨如何在Android应用中实现一个功能完善的LineChart。 首先,我们需要引入一个图表库。在Android中,常用的图表库如MPAndroidChart提供了丰富的图表...

Global site tag (gtag.js) - Google Analytics