Flex3.0入门课程：面积图表控件AreaChart

搜索

您当前位置：首页 > 文章中心 > HTML5+CSS3 > Flash+Flex

【Flash+Flex】

下载

新闻

文章

Flex3.0入门课程：面积图表控件AreaChart

投票：Flex发展前景调查

area_chart.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			[Bindable]
			public var expenses:ArrayCollection = new ArrayCollection([
				{Month:"Jan", Profit:120, Expenses:80},
				{Month:"Feb", Profit:100, Expenses:20},
				{Month:"Mar", Profit:60, Expenses:50},
			]);
		]]>
	</mx:Script>
	<mx:Panel title="面积图表控件 AreaChart 应用" width="300" height="300"
		verticalAlign="middle" horizontalAlign="center">
		<mx:AreaChart id="myChart" dataProvider="{expenses}"
			showDataTips="true" width="100%" height="100%">
			<mx:horizontalAxis>
				<mx:CategoryAxis dataProvider="{expenses}" categoryField="Month" />
			</mx:horizontalAxis>
			<mx:series>
				<mx:AreaSeries yField="Profit" displayName="Profit" />
				<mx:AreaSeries yField="Expenses" displayName="Expenses" />
			</mx:series>
		</mx:AreaChart>
		<mx:Legend dataProvider="{myChart}" direction="horizontal" />
	</mx:Panel>
</mx:Application>