第一步：jsp：1 复制代码 代码如下: <%@page import=\”java.util.Random,java.util.GregorianCalendar\”%> <?xml version=\”1.0\” encoding=\”utf-8\”?> <items> <% GregorianCalendar calendar = new GregorianCalendar(); int year = calendar.get(calendar.YEAR); int month = calendar.get(calendar.MONTH) + 1; int today = calendar.get(calendar.DAY_OF_MONTH); String strday=year+\”,\”+month+\”,\”+today+\”,\”; int sb = 400; String[] dates = new String[] {strday+\”14,60\”}; String crutime=request.getParameter(\”time\”); ///crutime=crutime.replace(\”:\”,\”,\”); if(crutime!=null){ crutime=crutime.replace(\”:\”,\”,\”); dates = new String[] {strday+crutime}; } for (int i = 0; i < dates.length; i++) { Random random = new Random(); int r = random.nextInt(1000); %> <item> <value> <% if (i < 10) { %><%=r%> <% } %> </value> <date><%=dates[i]%></date> <sb><%=sb%></sb> </item> <% } %> </items> jsp：2 复制代码 代码如下: <%@ page language=\”java\” import=\”java.util.*\” pageEncoding=\”gb2312\”%> <% String path = request.getScheme()+\”://\”+request.getServerName()+\”:\”+request.getServerPort()+request.getContextPath(); %> <!DOCTYPE HTML PUBLIC \”-//W3C//DTD HTML 4.01 Transitional//EN\”> <html> <head> <meta http-equiv=\”pragma\” content=\”no-cache\”> <meta http-equiv=\”cache-control\” content=\”no-cache\”> <meta http-equiv=\”expires\” content=\”0\”> <meta http-equiv=\”keywords\” content=\”keyword1,keyword2,keyword3\”> <meta http-equiv=\”description\” content=\”This is my page\”> <SCRIPT language=\”JScript.Encode\” src=\”Js/SwfObject.js\” type=\”text/javascript\”></SCRIPT> </head> <body topmargin=\”0\” leftmargin=\”0\”> <div align=\”center\” style=\”margin-top: 40;\”> <div id=\”flashcontent\” width=\”600\” height=\”400\” align=\”center\” ></div> <script type=\”text/javascript\”> var so = new SWFObject(\”<%=path%>/testfrist.swf\”, \”Main\”, \”600\”, \”400\”,\”9.0\”, \”#ffffff\”, \”high\”); so.addVariable(\”myAmfurl\”,\”<%=path%>/nxsy.jsp\”); so.addVariable(\”myAmtitle\”,\”牛熊双赢\”); so.write(\”flashcontent\”); </script> </div> </body> </html> 第二步flex代码： 复制代码 代码如下: <mx:Application xmlns:mx=\”http://www.adobe.com/2006/mxml\” layout=\”absolute\” width=\”100%\” backgroundColor=\”white\” creationComplete=\”init();\”> <mx:Style> .font12{font-family:宋体;fontSize:15} .lenchar{ bar-color:red; } .mypanelTitle { color: #66ccff; fontFamily: Comic Sans MS; fontWeight: normal; textDecoration: underline; } </mx:Style> <mx:Script><![CDATA[ import flash.sampler.getMemberNames; import mx.charts.chartClasses.IAxis; import mx.charts.LinearAxis; import mx.charts.HitData; import mx.collections.ArrayCollection; import mx.rpc.events.ResultEvent; import mx.controls.Alert; import mx.charts.renderers.CircleItemRenderer; import mx.graphics.Stroke; import mx.controls.DateField; [Bindable] private var myAmfurl:String = \”\”; //用于连接到外部页面 [Bindable] private var myAmtitle:String = \”\”; //用于连接到外部页面 [Bindable] public var testDatas:ArrayCollection=new ArrayCollection(); [Bindable] private var expenses:ArrayCollection = new ArrayCollection(); [Bindable] private var arr:Array = new Array(); [Bindable] private var mintime:Date; [Bindable] private var maxtime:Date; [Bindable] private var smintime:Date; [Bindable] private var emaxtime:Date; private var timer:Timer; private var stocksb:Number; private var dateVar:Date; private var d: Date = new Date(); private function init():void{ // setInterval(torequest,2000); myAmfurl = Application.application.parameters.myAmfurl; //风险追溯链接 myAmtitle=Application.application.parameters.myAmtitle; timer = new Timer(1000); timer.addEventListener(TimerEvent.TIMER, torequest) timer.start(); } public function torequest(et:Event):void{ setstyle(); realtimeservice.send(); } //用于设置样式 public function setstyle():void{ } private function formatDataTip(hitData:HitData):String { var s:String = hitData.item.date.toString(); var a:Array = s.split(\”,\”); var str:String=a[3]+\”:\”+a[4]; str += \”\\n\”; str += hitData.item.value; return str; } private function parseDate(value:String):Date{ var a:Array = value.split(\”,\”); var newDate:Date = new Date(a[0],a[1],a[2],a[3],a[4]); return newDate; } private function getResult(e:ResultEvent):void{ var min:String=\”\”; var pattern:RegExp=/,/gi; for each (var resultXML:XML in e.result.item){ var tmpobj:Object=new Object(); tmpobj.value=resultXML.value; tmpobj.date=resultXML.date; tmpobj.sb=resultXML.sb; stocksb=Number(tmpobj.sb); var str=tmpobj.date; var a:Array = str.split(\”,\”); mintime= new Date(a[0],a[1],a[2],9,30); smintime= new Date(a[0],a[1],a[2],11,30); min=tmpobj.date; maxtime=new Date(a[0],a[1],a[2],15,00); emaxtime=new Date(a[0],a[1],a[2],13,00); if(expenses.length==0){ expenses.addItem(tmpobj); }else{ var check:int=0; if(expenses.length>0){ for each(var subtempobj:Object in expenses){ if(String(subtempobj.date).replace(pattern,\”\”)==String(tmpobj.date).replace(pattern,\”\”)){ check=1; } } } if(check==0){ expenses.addItem(tmpobj); check=0; } } } var tmpobj1:Object=new Object(); var tmpobj2:Object=new Object(); var a:Array = min.split(\”,\”); tmpobj1.value=stocksb; tmpobj1.date=a[0]+\”,\”+a[1]+\”,\”+a[2]+\”,\”+\”9,30\”; tmpobj2.value=stocksb; tmpobj2.date=a[0]+\”,\”+a[1]+\”,\”+a[2]+\”,\”+\”15,00\”; testDatas.addItem(tmpobj1); testDatas.addItem(tmpobj2); } private function mylabel(labelValue:Object, previousValue:Object, d:IAxis):String { var temp:String=\”\”; var currvalue:Number = Number(labelValue.toString()); if(currvalue>stocksb){ temp = \'<font color=\”#ff0000\” size=\”11\”>\’+labelValue.toString()+\'</font>\’; }else{ temp = \'<font color=\”#48ff00\” size=\”11\”>\’+labelValue.toString()+\'</font>\’; } return temp; } ]]></mx:Script> <!– Define custom Strokes. –> <mx:Stroke id = \”s1\” color=\”#FFFFFF\” weight=\”0.1\”/> <mx:Stroke id = \”s2\” color=\”#F1F1B8\” weight=\”1\”/> <mx:Stroke id = \”s3\” color=\”green\” weight=\”1\”/> <mx:Stroke id=\”vstroke\” color=\”red\” weight=\”1\” alpha=\”0.6\”/> <mx:HTTPService result=\”getResult(event);\” id=\”realtimeservice\” url=\”{myAmfurl}\” useProxy=\”false\” resultFormat=\”e4x\” method=\”POST\”> </mx:HTTPService> <mx:Panel title=\”{myAmtitle}\” fontSize=\”15\” height=\”100%\” width=\”100%\” color=\”red\” backgroundColor=\”#000000\” borderStyle=\”inset\”> <mx:LineChart styleName=\”lenchar\” dataTipFunction=\”formatDataTip\” showDataTips=\”true\” height=\”100%\” width=\”100%\” id=\”chart\” fontFamily=\”宋体\” fontSize=\”12\”> <mx:backgroundElements> <mx:GridLines direction=\”both\”> <mx:horizontalStroke> <mx:Stroke color=\”red\” weight=\”1\” alpha=\”0.6\”/> </mx:horizontalStroke> <mx:verticalStroke> <mx:Stroke color=\”red\” weight=\”1\” alpha=\”0.2\”/> </mx:verticalStroke> </mx:GridLines> </mx:backgroundElements > <!– vertical axis –> <mx:verticalAxis> <mx:LinearAxis id=\”va\” baseAtZero=\”false\” title=\”\” labelFunction=\”mylabel\”/> </mx:verticalAxis> <mx:horizontalAxis> <!–mx:CategoryAxis id=\”ca\” categoryField=\”date\” displayName=\”date\” title=\”date\” /–> <!–mx:LinearAxis displayName=\”date\” minimum=\”1\” id=\”ca\” interval=\”10\”/ –> <!–<mx:DateTimeAxis dataUnits=\”seconds\” interval=\”30\” minimum=\”{minDate}\” maximum=\”{maxDate}\”/>–> <!–<mx:DateTimeAxis id=\”hAxis\” parseFunction=\”parseDate\” interval=\”1\” minimum=\”{mintime}\” maximum=\”{maxtime}\” displayLocalTime=\”true\” dataInterval=\”1\” dataUnits=\”hours\” labelUnits=\”hours\” />–> <mx:DateTimeAxis id=\”hAxis\” disabledDays=\”{[0,6]}\” disabledRanges=\”{[{rangeStart:smintime, rangeEnd:emaxtime}]}\” parseFunction=\”parseDate\” interval=\”1\” minimum=\”{mintime}\” maximum=\”{maxtime}\” displayLocalTime=\”true\” dataInterval=\”30\” dataUnits=\”minutes\” labelUnits=\”minutes\” /> </mx:horizontalAxis> <!– horizontal axis renderer –> <mx:horizontalAxisRenderers> <mx:AxisRenderer axis=\”{hAxis}\” canDropLabels=\”true\” axisStroke=\”{vstroke}\” /> </mx:horizontalAxisRenderers> <mx:verticalAxisRenderers> <mx:AxisRenderer axis=\”{va}\” canDropLabels=\”true\” axisStroke=\”{vstroke}\” /> </mx:verticalAxisRenderers> <!– series –> <mx:series> <mx:LineSeries id=\”series\” yField=\”value\” xField=\”date\” displayName=\”value\” dataProvider=\”{this.expenses}\” lineStroke=\”{s1}\” /> <mx:LineSeries yField=\”value\” xField=\”date\” displayName=\”TestData\” dataProvider=\”{this.testDatas}\” lineStroke=\”{s2}\” /> </mx:series> </mx:LineChart> </mx:Panel> </mx:Application>
