as--flex 手写--linechart实例

<?xml version="1.0"?>
<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()" >
	
	<fx:Script>
		<![CDATA[
			import mx.charts.series.LineSeries;
			import mx.collections.ArrayCollection;
			import mx.utils.ColorUtil;
			
			private var colorutil:ColorUtil ;
			[Bindable]
			private var expensesAC:ArrayCollection = new ArrayCollection( [
				{ Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
				{ Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
				{ Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
				{ Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
				{ Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
			
			private function init():void
			{
				var array:Array = new Array();
				for(var i:int =0;i<3;i++)
				{
					var line:LineSeries = new LineSeries();
					line.setStyle("lineStroke",new SolidColorStroke(new uint("0xf00000"),4));
					line.yField="Profit";
					array.push(line);
					var c:ColorUtil = null;
				}
				
				linechart.series = array;
				linechart.dataProvider = expensesAC;
				linechart.showDataTips=true;
				
			}
		]]>
	</fx:Script>
	
	<fx:Declarations>

		<!-- Define custom Strokes. -->
		<mx:SolidColorStroke id = "s1" color="blue" weight="1" scaleMode="vertical"  pixelHinting="false"/>
		<mx:SolidColorStroke id = "s2" color="red" weight="2"/>
		<mx:SolidColorStroke id = "s3" color="green" weight="2"/>
	</fx:Declarations>
	
	<mx:Panel title="LineChart and AreaChart Controls Example" 
			  height="100%" width="100%" layout="horizontal">
		
		<mx:LineChart id="linechart" height="100%" width="45%"
					  paddingLeft="5" paddingRight="5" 
					  showDataTips="true" dataProvider="{expensesAC}">
			<!--
			<mx:horizontalAxis>
				<mx:CategoryAxis categoryField="Month"/>
			</mx:horizontalAxis>-->
			
			<mx:series>
				<mx:LineSeries yField="Profit"  displayName="Profit" lineStroke="{s1}"/>
				<mx:LineSeries yField="Expenses" displayName="Expenses" lineStroke="{s2}"/>
				<mx:LineSeries yField="Amount"  displayName="Amount" lineStroke="{s3}"/>
			</mx:series>
		</mx:LineChart>
		
		<mx:Legend dataProvider="{linechart}"/>
		
	</mx:Panel>
</s:Application>