flex--LineChart

　　最近工作上用到了linechart,在網上查的資料還是非常少的，特此記錄一下，以便後來人，順便也記錄自己的生活．廢話不多說，開始吧．
　　另外，在http://blog.minidx.com/category/flex/legend-flex上也有很生動的例子． //創建圖表方法 private function getPMSDPanel(tbTitleDataPMS:ArrayCollection):DPane l { var dPanelByGrid:DPanel=new DPanel(); dPanelByGrid.title=(tbTitleDataPMS.length >5?"PMS工單等級圖":"PMS工單狀態圖"); dPanelByGrid.setStyle("horizontalAlign","center"); dPanelByGrid.showBtn=false; //設置LineChart相關屬性 var lineChart:LineChart=new LineChart(); lineChart.dataProvider=(tbTitleDataPMS.length >5?chartPMSLData:chartPMSSData); lineChart.height=180; lineChart.width=360; lineChart.showDataTips=true; lineChart.selectionMode="single"; lineChart.seriesFilters=[]; lineChart.validateNow(); var categoryAxis:CategoryAxis=new CategoryAxis(); categoryAxis.categoryField="EMERGE_TIME"; categoryAxis.displayName="時段"; categoryAxis.labelFunction=hoursOfTime; var lineSeries:Array =new Array(); for each (var item in tbTitleDataPMS) { var lineSerie:LineSeries=new LineSeries(); lineSerie.selectable=true; lineSerie.setStyle("form", "curve"); lineSerie.setStyle("showDataEffect", zoomIn); lineSerie.yField=item.data; lineSerie.displayName=item.label; lineSeries.push(lineSerie); } var axisRen:AxisRenderer=new AxisRenderer(); axisRen.axis=categoryAxis; axisRen.setStyle("canDropLabels", true); axisRen.setStyle("labelRotation", -90); //設置圖表的軸線及數據源 lineChart.horizontalAxis=categoryAxis; lineChart.horizontalAxisRenderer=axisRen; lineChart.series=lineSeries;//設置數據源 //增加圖示，並設置一些屬性 var chartLegend:Legend =new Legend(); chartLegend.width=360; chartLegend.height=48; chartLegend.dataProvider=lineChart; chartLegend.direction="horizontal"; //先放圖示再放圖表，此處控制順序 dPanelByGrid.addChild(chartLegend); dPanelByGrid.addChild(lineChart); return dPanelByGrid; }