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作为展示连续性数据的图表,常被用于显示趋势和变化。MPAndroidChart库是一个强大且流行的开源库,提供了丰富的图表类型,包括LineChart。下面我们将...
在Android开发中,数据可视化是十分重要的,LineChart作为一种常用的数据展示方式,常用于呈现趋势或者比较多个数据系列。本文将深入探讨如何在Android应用中使用LineChart来显示多条曲线,帮助开发者创建出直观、易...
"C#画图,画线源码 LineChart"是一个关于如何在C#中实现简单图表绘制的示例项目。这个项目的目标是提供一个简化的方式来绘制线条图表,帮助开发者快速理解和实现自己的图形界面应用。 在C#中,可以使用System....
在Flex开发中,LineChart是一种常用的图表组件,用于展示数据趋势。Datatips是LineChart中的一个重要特性,它会在鼠标悬停在数据点上时显示相关信息。本篇将详细介绍如何改变Flex LineChart的Datatips显示样式,包括...
`Android 实时动态折线图Linechart`是一个专门用于在Android设备上创建动态、交互式的折线图的实现,它可以帮助开发者高效地展示随着时间变化的数据流。这个功能通常用于展示传感器数据、股市行情、健康监测等场景。...
Android-LineChart 介绍 一个简单的折线,贝塞尔曲线图表控件,高度可扩展,支持动态显示。 效果图 使用 设置布局 2. 添加数据 ```Java lineChartView.setData(datas); 修改Y轴标尺间隔 lineChartView....
今天来记录一下LineChart(折线图)的详细使用(美化)! 注:本人使用的版本是MPAndroidChart-v3.0.3(如若版本不同有某些方法更新,可在评论区留言,尽我所能帮你解决!) 上一篇文章讲了折线图的简单使用,这篇...
其中,`ios-linechart-master`这个压缩包很可能包含了一个iOS线形图的开源项目或框架,它可能提供自定义、交互式和高性能的线形图视图。 对于"line chart ios"这个标签,我们可以深入探讨一下在iOS上实现线形图的...
本文主要讨论了在IReport中处理折线图(Line Chart)Label的一些关键点,这些知识点对于创建清晰、易读的图表至关重要。 1. **控制线显示**:在IReport的线图中,你可以选择一次性显示所有线条的Label,或者只显示...
在本项目中,"linechart.rar" 是一个包含Vue.js应用程序的压缩文件,主要用于演示如何使用canvas元素动态绘制折线图。Vue.js是一个流行的前端框架,它提供了组件化开发、数据绑定和响应式更新等功能,使得构建用户...
这个控件是.NET Framework的一部分,位于System.Windows.Forms命名空间下,它提供了丰富的图表类型,包括线性图(LineChart)、柱状图(Histogram)和饼图(PieChart)。通过灵活地配置和设置各种属性,我们可以定制...
"swift-linechart" 是一个专为iOS平台设计的折线图组件,它提供了强大的功能和易用性,使得开发者能够轻松地在应用程序中集成高质量的折线图。这个组件是用Swift编程语言编写的,因此充分利用了Swift的现代特性和...
在Android开发中,有时我们需要展示数据的动态变化,比如实时监测的数据流或模拟股票市场走势。在这种场景下,使用图表库来绘制折线图是非常有用的。`AChartEngine`是一个强大的开源库,专为Android设计,它允许...
以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。
html5 不错的动态图,大家分享一下。
当我们谈论在WPF中创建自定义的LineChart时,这通常涉及到数据可视化和图形绘制。LineChart是一种常用的数据展示方式,它通过连接一系列数据点来显示趋势或变化。在这个主题下,我们将深入探讨如何在WPF应用中实现...
Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。
此Flex LineChart实例不仅展示了如何在Flex中绘制基本的线形图,还涉及到了一些高级功能,如自定义标签格式、数据绑定以及动态加载数据等。对于想要使用Flex框架进行数据可视化的开发者来说,这是一个非常实用的参考...
本篇文章将通过分析“LineChartDemo.zip”中的代码示例,深入探讨如何在Android应用中实现一个功能完善的LineChart。 首先,我们需要引入一个图表库。在Android中,常用的图表库如MPAndroidChart提供了丰富的图表...