flex时序图示例

<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the DateTimeAxis class. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> import mx.collections.ArrayCollection; import mx.charts.chartClasses.IAxis; import mx.logging.*; import mx.logging.targets.*; [Bindable] public var stockDataAC:ArrayCollection = new ArrayCollection( [ {date: "2005,1,27", close: 41.71, next: 41.71}, {date: "2005,2,28", close: 42.21, next: 42.71}, {date: "2005,3,29", close: 42.11, next: 43.71}, {date: "2005,4,1", close: 42.71, next: 44.71}, {date: "2005,5,2", close: 42.99, next: 45.71}, {date: "2005,6,3", close: 44, next: 47.71}, {date: "2005,6,27", close: 41.71, next: 41.71}, {date: "2005,7,28", close: 42.21, next: 42.71}, {date: "2005,8,29", close: 42.11, next: 43.71}, {date: "2005,10,1", close: 42.71, next: 44.71}, {date: "2005,11,2", close: 42.99, next: 45.71}, {date: "2005,12,3", close: 44, next: 47.71} , {date: "2006,1,27", close: 41.71, next: 41.71}, {date: "2006,2,28", close: 42.21, next: 42.71}, {date: "2006,3,29", close: 42.11, next: 43.71}, {date: "2006,4,1", close: 42.71, next: 44.71}, {date: "2006,5,2", close: 42.99, next: 45.71}, {date: "2006,6,3", close: 44, next: 47.71}, {date: "2006,6,27", close: 41.71, next: 41.71}, {date: "2006,7,28", close: 42.21, next: 42.71}, {date: "2006,8,29", close: 42.11, next: 43.71}, {date: "2006,10,1", close: 42.71, next: 44.71}, {date: "2006,11,2", close: 42.99, next: 45.71}, {date: "2006,12,3", close: 44, next: 47.71} ]); public function myParseFunction(s:String):Date { // Get an array of Strings from the comma-separated String passed in. var a:Array = s.split(","); var a0:int = a[0]; var a1:int = a[1]; var a2:int = a[2]; // Create the new Date object. Subtract one from // the month property because months are zero-based in // the Date constructor. var newDate:Date = new Date(a0,a1-1,a2); return newDate; } private function showDateLabel(cat:Object, pcat:Object, d:IAxis):String { // var str:String = String(cat); //var arr:Array = str.split("/"); var date:Date=new Date(cat.toString()); trace("javatoflex date"+cat.toString()); trace(date.fullYear +"年"+ (date.month + 1)+"月"+ date.date+"日"); return date.fullYear +"年"+ (date.month + 1)+"月"+ date.date+"日"; // return arr[2] +"年"+arr[0]+"月"+arr[1]+"日"; } </mx:Script> <mx:Panel title="DateTimeAxis Example" height="100%" width="100%"> <mx:LineChart id="mychart" height="100%" width="100%" paddingRight="5" paddingLeft="5" showDataTips="true" dataProvider="{stockDataAC}" > <mx:horizontalAxis> <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction" labelFunction="showDateLabel"/> <!-- <mx:CategoryAxis id="DT" categoryField="Date" title="Date"/> --> </mx:horizontalAxis> <mx:verticalAxis> <mx:LinearAxis baseAtZero="false" /> </mx:verticalAxis> <mx:series> <mx:LineSeries yField="close" xField="date" displayName="AAPL"/> <mx:LineSeries yField="next" xField="date" displayName="BBPL"/> </mx:series> </mx:LineChart> </mx:Panel> </mx:Application>