在Flex中的LineChart线条上显示Label标识

MFC学习笔记(一)High Speed Chart 控件使用 引言 大学期间学习STM32时,由于参加机器人比赛,第一次接触到摄像头,让我深深被其吸引,还记得当初为了点亮第一颗摄像头,第一次通过自己写的颜色识别算法让它按照自己的意愿去识别出每帧图像的内容,正确标识出物体位置信息时的激动,那时的我们真的是废寝忘食般的吸收大量新知识,连续通宵好几晚,最终,付出的辛苦使我们收获颇丰。刚大学毕业时,我在一家医疗器械公司担任硬件工程师,出于对摄像头及与其相关的图像识别... 阅读详情

在Flex的Chart中,柱状图很容易就加上Label了,只要设置ColumnSeries的 labelField=""和 labelPosition="outside"两个属性就可以。

但是在LineChart中却没有类似属性,至于你找没找到我不知道,反正我是没找到难过

但是一番研究过后,发现只要LineSeries的itemRenderer中稍做修改就可以了。


代码如下:


package com.hp.rms.view
{
	import flash.display.Graphics;
	import flash.geom.Rectangle;
	
	import mx.charts.chartClasses.LegendData;
	import mx.charts.renderers.CircleItemRenderer;
	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.IFill;
	import mx.graphics.SolidColorStroke;
	import mx.graphics.Stroke;
	import mx.states.SetStyle;

	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=SolidColorStroke(LineSeries(_chartItem.element).getStyle("lineStroke")).color;
				_label.setStyle("color", _color);
				_label.setStyle("fontSize",16);
			}
			else if (value is LegendData)
			{
				_color=SolidColorStroke(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(5, 5, 5);
			g.beginFill(0xffffff);
			g.drawCircle(5, 5, 3);
			g.endFill();

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

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

相关推荐

Flex LineChart

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

ChartCtrl源码剖析之——CChartAxisLabel类

CChartAxisLabel类用来绘制轴标签,上、下、左、右都可以根据实际需要设置对应的轴标签。它处于该控件的区域,如下图所示: CChartAxisLabel类的头文件。 #if !defined(AFX_CHARTAXISLABEL_H__0E5519C8_A2F4_4CED_9681_32A56B25D0C5__INCLUDED_) #define AFX_CHARTAXIS...

weixin_30522095的博客 663

cadence capture CIS 之添加数据库

2021-08-20 cadence capture CIS 之添加数据库准备一、添加数据源 准备 1、数据库文件(*.mdb) 2、电脑上安装好 cadence 软件 一、添加数据源 打开“ ODBC数据源管理器” ( 路径:C:\Windows\SysWOW64\odbcad32.exe ) ...

weixin_42256550的博客 6056

如何实现series中label数字显示加图标显示呢?

以上就是我做出来得效果!!! 要是想说功能怎么做的话 可以私信小编哦! 上代码???? label: { show: true, position: "outside", distance: 5, formatter: [ '{a|Top'+[k + 1]+'}', '{imagessck|}' ].join

熟悉 vue2 vue3 jquery js echarts 814

oracle 11.2.0.3.0 client下载,oracle64位客户端 Instant Client

oracle64位 客户端安装程序,Instant Client v11.2.0.3.0(64-bit)可以用,bo客户端需要配这个的,所以装了一个,64位操作系统中、不安装Oracle-32bit客户端,方便使用PLSQL Developer(不支持64bit位Oracle客户端)安装教程安装配置instantclient下载后,解压到D:\Oracle\instantclient_11_2(特...

weixin_42573757的博客 4516

学习STM32的流体水位传感器

引言: 流体水位传感器是一种常用于测量液体水位的设备,广泛应用于水位监测、液位控制和流量计量等领域。STM32是一款功能强大的单片机,具有丰富的外设和灵活的编程能力,非常适合用于流体水位传感器的开发。本文将介绍如何使用STM32开发板与流体水位传感器进行连接和通信,并通过编写代码实现水位的测量和显示。五、总结: 通过以上的代码示例,我们可以实现使用STM32开发板与流体水位传感器进行连接和通信的功能。三、编写代码: 以下是使用STM32CubeIDE编写的示例代码,实现了读取流体水位传感器的功能。

xiaoalla的博客 740

TouchGFX利用PixelDataWidget绘制曲线(二)

就是菜啊! 在上一篇文章中已经讲过如何利用PixelDataWidget控件绘制简单的函数曲线啦,但是遗留了一个小bug,不知大家是否发现了呢?就是添加PixelDataWidget控件是在ScreenViewBase中添加加的呦,一般情况下,俺们是不动这些viewbase文件的呀!毕竟人家是可读的属性啊!当你在viewbase文件中添加了代码,等你回到Touchgfx designer中运行一下,你就会失了智,想要砸电脑,(毕竟辛辛苦苦写的代码,一键运行,变成了一键清除了...

就是菜啊! 2237

银河麒麟鲲鹏aarch64架构安装docker和K8s

鲲鹏云服务器上安装docker-云社区-华为云 (huaweicloud.com) 这里我下载的版本是docker-18.09.3.tag docker 安装包地址:https://download.docker.com/linux/static/stable 配置system服务 在github对应分支的contrib/init/systemd/ 下面,提供了对应的docker.service以及docker.socket文件,可以直接拷贝到本地文件使用: 对应链接:https://github.c

qq_50007696的博客 9056

使用JFreeChart-创建折线图的小结(之CreateLineChart)

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33979745的博客 1063

海光(hygon)CPU ESXI vSphere 紫屏问题修复记录

海光服务器ESXI 紫屏问题修复

edison202302的博客 3557

数学概念 | 旋转矩阵、欧拉角、四元数

旋转矩阵、欧拉角、四元数概念及相关运算;

NapoleonCoder的博客 772

在LineChart中加入label

[code="java"] package { import flash.display.Graphics; import flash.geom.Rectangle; import mx.charts.chartClasses.LegendData; import mx.charts.series.LineSeries; import mx.charts.series...

yrhtiger的专栏 342

MAC-电脑中的user文件夹在哪?

MAC-电脑中的user文件夹在哪?

兴趣是最好的老师 1万+

Echarts . 在柱状图中添加自定义值 (键值对)

x ["需求"] {"0":"使用Echarts根据数据加载一个饼状图"} {"1":"点击哪个饼状图,弹出此饼状图的详细信息"} ["遇到的问题"] {"0":"点击哪个饼状图,我需要这个饼状图的信息,比如ID,我需要这个参数去请求该饼状图的详细信息"} {"1":"网上大多是如何click,官网上的clic

weixin_34290390的博客 2078

vue2/3 - element表格组件el-table实现懒加载树型(上下级)数据、默认展开和隐藏层级,支持对表格进行修改|新增|删除,解决完成操作后树节点不刷新问题(提供示例代码,一键复制开箱即用

vue2,vue3,elementui,elementPlus,el-table,Table表格组件,表格懒加载数据,element table表格数中的树形结构懒加载,增加后数据不同步更新问题,el-table树形与el-tree树形结构的一键折叠与展开,elementui中el-tree懒加载数据 默认展开最外层节点,Element-plus Table组件树表结构默认展开一级目录,vue实现element table表格树形结构-使用懒加载时-解决子节点增删改后,不刷新子节点数据问题,解决el-tre

✅ 精选推荐文章 1万+

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Flex中的LineChart的使用

在项目中用了Flex,较多的使用了LineChart,遇到问题能查到文章真的很少,尤其是中文的,幸亏官方的文档写的“生动”,项目才算交差。 闲下来,想把一些细节写写,供大家查阅。讲的Linechart,其实所有的Chart控件都很相似,总是由两个轴(horizontalAxis and verticalAxis)和数值组成的。 1、关于创建日期型横轴的细节 较常见的一种形式是横轴是一段时间

kittyjinhui的专栏 1399

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

Flex中LineChart

关键点是数据源的设置,可以设置为动态的数据源,从外界读取信息,然后进行绑定,以及设置相应的属性值,坐标值..mxml文件mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">   import mx.collections.ArrayCollection;  [Bindable]      

幸运儿 4181

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

MPAndroidChart LineChart X轴标签显示问题

新接手的项目中用到了MPAndroidChart,有一个BUG,X轴显示的标签(X轴的粒度为5分钟)不是想要的形式,如下图:将xAxis.setLabelCount(7);替换为xAxis.setLabelCount(7,true);解决,如下图:第2个重载方法的第二个参数是指强制绘制指定个数的标签,但是可能会造成绘制出现偏差,然后果然出现了,将图表放大出标签和图表对应不上:采用给linechar...

tangzeyu7的博客 2万+

自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!)

需求:自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!) //series.label normal:{ formatter: function(params){ if (params.value > 0) { return params.value; }else { return ''; } } } ...

ToBeOrNotToBe_CheerUp的博客 5439

Java图形编程-Label内容显示不全的问题

之前遇到这么一个很有意思的问题,感觉有必要记录下来,方便以后学习,由于代码不是很复杂,我们就直接截图来分析说明黄色部分是一个Label,点击确定按钮之后,Label显示上面4个输入框中的内容,可以看到Label并没有把全部的内容显示出来,当我们调整窗体的大小之后,Label就显示正常了。 这是什么原因造成的呢?初步猜想,应该是初始化时系统的Label的大小设定,默认为Label内容大小,也就是说,

gnf_cc的博客 6090
上一篇: C# 在windows form实现不规则窗体&透明窗体
下一篇: C#系统服务定时执行
Hauk
博客等级 码龄15年 219粉丝 20原创
评论 7
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值