flex實現(xiàn)股票行情走勢圖示例代碼

%@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>

%@ 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>

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();
}
//用于設(shè)置樣式
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>