Flex 實現LineChart曲線——動態載入組件

<?xml version="1.0" encoding="utf-8"?><br /><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%"<br /> initialize="addArray()"></p><p><mx:Script><!--[CDATA[</p><p>private var Width:int = 1000<br />private var Height:int = 400<br />private var fontColor:String = "0x000000" </p><p>import mx.charts.CategoryAxis;<br />import mx.charts.LineChart;<br />import mx.charts.Legend;<br />import mx.charts.series.LineSeries;<br />import mx.containers.HBox;<br />import mx.collections.ArrayCollection;<br />import ChatCreate;<br />[Bindable]<br />public var expenses:ArrayCollection = new ArrayCollection([<br />{ Day: 100, a: 200, b: 1500,c: 450 },<br />{ Day: 300, a: 100, b: 200, c: 600 },<br />{ Day: 500, a: 450, b: 500, c: 300 },<br />{ Day: 700, a: 280, b: 1200,c: 900 },<br />{ Day: 900, a: 640, b: 575, c: 500 }<br />]);</p><p>public var chartArray:Array = new Array<br />public static var lineChart:LineChart=new LineChart;<br /> public static var myArray:Array = new Array("a","b","c");</p><p>public function addArray():void{<br /> var myLineSeries:Array=new Array();<br /> for (var i:int=0; i < myArray.length; i++)<br /> {<br />var _titleArr:Array=myArray[i].toString().split(",")<br />var lineChart:LineChart=new LineChart<br />lineChart.width=Width<br />lineChart.height=Height<br />lineChart.setStyle("color", fontColor)<br />lineChart.dataProvider=expenses;<br />var lineHAxis:CategoryAxis=new CategoryAxis()<br />lineHAxis.categoryField="Day";<br />lineHAxis.dataProvider=expenses;<br />lineChart.horizontalAxis=lineHAxis;</p><p>for (var j:int=0; j < _titleArr.length; j++)<br />{<br />var lineSeries:LineSeries=new LineSeries();<br />lineSeries.xField="Day";<br />lineSeries.yField=_titleArr[j];<br />lineSeries.displayName=_titleArr[j];<br />myLineSeries.push(lineSeries);<br />}<br />}<br />lineChart.series=myLineSeries;<br />var chartLegend:Legend=new Legend<br />chartLegend.setStyle("color", fontColor)<br />chartLegend.dataProvider=lineChart;<br />lineChart.showDataTips=true;<br />var hbox:HBox=new HBox<br />hbox.addChild(lineChart);<br />hbox.addChild(chartLegend);<br />this.addChild(hbox);<br />chartArray.push(hbox);<br />//}<br />}<br />]]--></mx:Script><br /></mx:Application><br />

 

下面是運行效果：

 

 

 

 

這是本人苦苦研究一周的結果，尚有不足之處請各位多多指教。

 

而且本人本想將上面的ArrayCollection 做成動態。但時間有限 ，二來確實有點棘手，畢竟剛開始學習。

所以，請各位高手各抒己見。在此先行謝過。