绘制LineChart线形图

<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		
		<s:SolidColorStroke id="s1" color="red" weight="2"/>
		
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import model.Person;
			
			import mx.collections.ArrayCollection;
			
			[Bindable]
			public var personHeightColl:ArrayCollection = new ArrayCollection();
			
			public function initApp():void
			{
				var height:int = 50;
				for(var i:int = 1; i <= 6; i++)
				{
					countPersonHeight(i,height);
					height = height + 10;
				}
			}
			
			public function countPersonHeight(age:int , height:int):ArrayCollection
			{
				var person:Person = new Person();
				
				person.age = age;
				person.height = height;
				
				personHeightColl.addItem(person);
				
				return personHeightColl;
			}
			
			
		]]>
	</fx:Script>
	
	<mx:LineChart id="personLineChart" x="10" y="160" width="50%" height="50%" dataProvider="{personHeightColl}" showDataTips="true">
		
		<!--定义X轴所显示的项-->
		<mx:horizontalAxis>
			<mx:CategoryAxis  categoryField="age"/>
		</mx:horizontalAxis>
		
		<!--定义Y轴显示的项及使用的曲线-->
		<mx:series>
			<mx:LineSeries yField="height" form="curve" displayName="Height" lineStroke="{s1}"/>
		</mx:series>
		
	</mx:LineChart>
	
	<!--添加图例-->
	<mx:Legend y="80"  dataProvider="{personLineChart}"/>
	




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

带头大哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值