原文 http://blog.csdn.net/shenjiancomputer/article/details/8051873

第一步:

jsp:1

  1. <%@page import="java.util.Random,java.util.GregorianCalendar"%>
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <items>
  4. <%
  5. GregorianCalendar calendar = new GregorianCalendar();
  6. int year = calendar.get(calendar.YEAR);
  7. int month = calendar.get(calendar.MONTH) + 1;
  8. int today = calendar.get(calendar.DAY_OF_MONTH);
  9. String strday=year+","+month+","+today+",";
  10. int sb = 400;
  11. String[] dates = new String[] {strday+"14,60"};
  12. String crutime=request.getParameter("time");
  13. ///crutime=crutime.replace(":",",");
  14. if(crutime!=null){
  15. crutime=crutime.replace(":",",");
  16. dates = new String[] {strday+crutime};
  17. }
  18. for (int i = 0; i < dates.length; i++) {
  19. Random random = new Random();
  20. int r = random.nextInt(1000);
  21. %>
  22. <item> <value>
  23. <%
  24. if (i < 10) {
  25. %><%=r%>
  26. <%
  27. }
  28. %>
  29. </value> <date><%=dates[i]%></date> <sb><%=sb%></sb> </item>
  30. <%
  31. }
  32. %>
  33. </items>

jsp:2

  1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
  2. <%
  3. String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath();
  4. %>
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  6. <html>
  7. <head>
  8. <meta http-equiv="pragma" content="no-cache">
  9. <meta http-equiv="cache-control" content="no-cache">
  10. <meta http-equiv="expires" content="0">
  11. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  12. <meta http-equiv="description" content="This is my page">
  13. <SCRIPT language="JScript.Encode" src="Js/SwfObject.js" type="text/javascript"></SCRIPT>
  14. </head>
  15. <body topmargin="0" leftmargin="0">
  16. <div align="center" style="margin-top: 40;">
  17. <div id="flashcontent" width="600"  height="400" align="center"  ></div>
  18. <script type="text/javascript">
  19. var so = new SWFObject("<%=path%>/testfrist.swf", "Main", "600", "400","9.0", "#ffffff", "high");
  20. so.addVariable("myAmfurl","<%=path%>/nxsy.jsp");
  21. so.addVariable("myAmtitle","牛熊双赢");
  22. so.write("flashcontent");
  23. </script>
  24. </div>
  25. </body>
  26. </html>

第二步flex代码:

  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" backgroundColor="white" creationComplete="init();">
  2. <mx:Style>
  3. .font12{font-family:宋体;fontSize:15}
  4. .lenchar{
  5. bar-color:red;
  6. }
  7. .mypanelTitle {
  8. color: #66ccff;
  9. fontFamily: Comic Sans MS;
  10. fontWeight: normal;
  11. textDecoration: underline;
  12. }
  13. </mx:Style>
  14. <mx:Script><![CDATA[
  15. import flash.sampler.getMemberNames;
  16. import mx.charts.chartClasses.IAxis;
  17. import mx.charts.LinearAxis;
  18. import mx.charts.HitData;
  19. import mx.collections.ArrayCollection;
  20. import mx.rpc.events.ResultEvent;
  21. import mx.controls.Alert;
  22. import mx.charts.renderers.CircleItemRenderer;
  23. import mx.graphics.Stroke;
  24. import mx.controls.DateField;
  25. [Bindable]
  26. private var myAmfurl:String = ""; //用于连接到外部页面
  27. [Bindable]
  28. private var myAmtitle:String = ""; //用于连接到外部页面
  29. [Bindable]
  30. public var testDatas:ArrayCollection=new ArrayCollection();
  31. [Bindable]
  32. private var expenses:ArrayCollection = new ArrayCollection();
  33. [Bindable]
  34. private var arr:Array = new Array();
  35. [Bindable]
  36. private var mintime:Date;
  37. [Bindable]
  38. private var maxtime:Date;
  39. [Bindable]
  40. private var smintime:Date;
  41. [Bindable]
  42. private var emaxtime:Date;
  43. private var timer:Timer;
  44. private var stocksb:Number;
  45. private var dateVar:Date;
  46. private var d: Date = new Date();
  47. private function init():void{
  48. // setInterval(torequest,2000);
  49. myAmfurl = Application.application.parameters.myAmfurl;       //风险追溯链接
  50. myAmtitle=Application.application.parameters.myAmtitle;
  51. timer = new Timer(1000);
  52. timer.addEventListener(TimerEvent.TIMER, torequest)
  53. timer.start();
  54. }
  55. public function torequest(et:Event):void{
  56. setstyle();
  57. realtimeservice.send();
  58. }
  59. //用于设置样式
  60. public function setstyle():void{
  61. }
  62. private function formatDataTip(hitData:HitData):String
  63. {
  64. var s:String = hitData.item.date.toString();
  65. var a:Array = s.split(",");
  66. var str:String=a[3]+":"+a[4];
  67. str += "\n";
  68. str += hitData.item.value;
  69. return str;
  70. }
  71. private function parseDate(value:String):Date{
  72. var a:Array = value.split(",");
  73. var newDate:Date = new Date(a[0],a[1],a[2],a[3],a[4]);
  74. return newDate;
  75. }
  76. private function getResult(e:ResultEvent):void{
  77. var min:String="";
  78. var pattern:RegExp=/,/gi;
  79. for each (var resultXML:XML in e.result.item){
  80. var tmpobj:Object=new Object();
  81. tmpobj.value=resultXML.value;
  82. tmpobj.date=resultXML.date;
  83. tmpobj.sb=resultXML.sb;
  84. stocksb=Number(tmpobj.sb);
  85. var str=tmpobj.date;
  86. var a:Array = str.split(",");
  87. mintime= new Date(a[0],a[1],a[2],9,30);
  88. smintime= new Date(a[0],a[1],a[2],11,30);
  89. min=tmpobj.date;
  90. maxtime=new Date(a[0],a[1],a[2],15,00);
  91. emaxtime=new Date(a[0],a[1],a[2],13,00);
  92. if(expenses.length==0){
  93. expenses.addItem(tmpobj);
  94. }else{
  95. var check:int=0;
  96. if(expenses.length>0){
  97. for each(var subtempobj:Object in expenses){
  98. if(String(subtempobj.date).replace(pattern,"")==String(tmpobj.date).replace(pattern,"")){
  99. check=1;
  100. }
  101. }
  102. }
  103. if(check==0){
  104. expenses.addItem(tmpobj);
  105. check=0;
  106. }
  107. }
  108. }
  109. var tmpobj1:Object=new Object();
  110. var tmpobj2:Object=new Object();
  111. var a:Array = min.split(",");
  112. tmpobj1.value=stocksb;
  113. tmpobj1.date=a[0]+","+a[1]+","+a[2]+","+"9,30";
  114. tmpobj2.value=stocksb;
  115. tmpobj2.date=a[0]+","+a[1]+","+a[2]+","+"15,00";
  116. testDatas.addItem(tmpobj1);
  117. testDatas.addItem(tmpobj2);
  118. }
  119. private function mylabel(labelValue:Object, previousValue:Object, d:IAxis):String  {
  120. var temp:String="";
  121. var currvalue:Number = Number(labelValue.toString());
  122. if(currvalue>stocksb){
  123. temp = '<font color="#ff0000" size="11">'+labelValue.toString()+'</font>';
  124. }else{
  125. temp = '<font color="#48ff00" size="11">'+labelValue.toString()+'</font>';
  126. }
  127. return temp;
  128. }
  129. ]]></mx:Script>
  130. <!-- Define custom Strokes. -->
  131. <mx:Stroke id = "s1" color="#FFFFFF" weight="0.1"/>
  132. <mx:Stroke id = "s2" color="#F1F1B8" weight="1"/>
  133. <mx:Stroke id = "s3" color="green" weight="1"/>
  134. <mx:Stroke id="vstroke" color="red" weight="1" alpha="0.6"/>
  135. <mx:HTTPService result="getResult(event);"  id="realtimeservice" url="{myAmfurl}" useProxy="false" resultFormat="e4x" method="POST">
  136. </mx:HTTPService>
  137. <mx:Panel title="{myAmtitle}"  fontSize="15" height="100%"  width="100%"  color="red" backgroundColor="#000000"  borderStyle="inset">
  138. <mx:LineChart styleName="lenchar"  dataTipFunction="formatDataTip" showDataTips="true" height="100%"  width="100%" id="chart" fontFamily="
    宋体" fontSize="12">
  139. <mx:backgroundElements>
  140. <mx:GridLines direction="both">
  141. <mx:horizontalStroke>
  142. <mx:Stroke color="red" weight="1" alpha="0.6"/>
  143. </mx:horizontalStroke>
  144. <mx:verticalStroke>
  145. <mx:Stroke color="red" weight="1" alpha="0.2"/>
  146. </mx:verticalStroke>
  147. </mx:GridLines>
  148. </mx:backgroundElements >
  149. <!-- vertical axis -->
  150. <mx:verticalAxis>
  151. <mx:LinearAxis id="va" baseAtZero="false"  title="" labelFunction="mylabel"/>
  152. </mx:verticalAxis>
  153. <mx:horizontalAxis>
  154. <!--mx:CategoryAxis  id="ca"  categoryField="date" displayName="date" title="date" /-->
  155. <!--mx:LinearAxis displayName="date" minimum="1" id="ca"  interval="10"/ -->
  156. <!--<mx:DateTimeAxis  dataUnits="seconds" interval="30" minimum="{minDate}" maximum="{maxDate}"/>-->
  157. <!--<mx:DateTimeAxis id="hAxis" parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="1" dataUnits="hours"  labelUnits="hours" />-->
  158. <mx:DateTimeAxis id="hAxis"
  159. disabledDays="{[0,6]}"
  160. disabledRanges="{[{rangeStart:smintime, rangeEnd:emaxtime}]}"
  161. parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="30" dataUnits="minutes"  labelUnits="minutes"
  162. />
  163. </mx:horizontalAxis>
  164. <!-- horizontal axis renderer -->
  165. <mx:horizontalAxisRenderers>
  166. <mx:AxisRenderer axis="{hAxis}" canDropLabels="true" axisStroke="{vstroke}" />
  167. </mx:horizontalAxisRenderers>
  168. <mx:verticalAxisRenderers>
  169. <mx:AxisRenderer axis="{va}" canDropLabels="true" axisStroke="{vstroke}" />
  170. </mx:verticalAxisRenderers>
  171. <!-- series -->
  172. <mx:series>
  173. <mx:LineSeries id="series" yField="value"  xField="date" displayName="value" dataProvider="{this.expenses}" lineStroke="{s1}" />
  174. <mx:LineSeries yField="value" xField="date" displayName="TestData" dataProvider="{this.testDatas}" lineStroke="{s2}" />
  175. </mx:series>
  176. </mx:LineChart>
  177. </mx:Panel>
  178. </mx:Application>

flex实现股票行情走势图的更多相关文章

  1. WPF Devexpress 控件库中ChartControl 实现股票分时走势图

    概要 从事金融行业开发 ,会接触些图表控件,这里我分享一下自己基于DevExpress.Charts.v16.2开发的股票分时走势图的经验. 附上源码:点击跳转 如果需要讨论,Q群:580749909 ...

  2. 【转】使用Python matplotlib绘制股票走势图

    转载出处 一.前言 matplotlib[1]是著名的python绘图库,它提供了一整套绘图API,十分适合交互式绘图.本人在工作过程中涉及到股票数据的处理如绘制K线等,因此将matplotlib的使 ...

  3. WebService学习--股票走势图+天气预报实现

        互联网上面有很多的免费webService服务,我们可以调用这些免费的WebService服务,将一些其他网站的内容信息集成到我们的Web应用中显示,下面就以获取股票数据和天气预报为例进行学习 ...

  4. canvas绘图,html5 k线图,股票行情图

    canvas绘图,html5 k线图,股票行情图 canvas跟其他标签一样,也可以通过css来定义样式.但这里需要注意的是:canvas的默认宽高为300px * 150px,在css中为canva ...

  5. matplotlib绘图股票走势图实践

    导入模块 import pandas as pdimport numpy as npfrom pandas import Series,DataFrameimport matplotlib.pyplo ...

  6. android 股票K线图

    现在在手上的是一个证券资讯类型的app,其中有涉及到股票行情界面,行情中有K线图等,看到网上很多人在求这方面的资料,所以我特地写了一个demo在此处给大家分享一下. 下面是做出来的效果图: 这个 界面 ...

  7. !! A股历史平均市盈率走势图

    http://value500.com/PE.asp 一. A股历史平均市盈率走势图 *数据来源:上海证券交易所 分享到: 354 - 上海A股 深圳A股更新时间 2017年6月7日 2017年6月7 ...

  8. 用C#开发的双色球走势图(二)

    昨晚由于时间的原因只写了一部分内容,今天将这一部分内容补充完毕,多谢各位园友的支持. 这是用C#开发的双色球走势图(一)新的园友可以看昨晚写的内容,以免脱节.首先回复园友的评论,有说好的有说不好的,本 ...

  9. 用C#开发的双色球走势图(一)

    首先声明,个人纯粹无聊之作,不作商业用途. 我相信每个人都拥有一个梦想那就是有朝一日能中500W,这个也一直是我的梦想,并默默每一期双色球或多或少要贡献自己一点点力量,本人并不属于那种铁杆的彩票迷,每 ...

随机推荐

  1. css3实现一个div设置多张背景图片及background-image属性

    CSS3/CSS1 background-image 属性 语法: background-image:<bg-image> [ , <bg-image> ]* <bg-i ...

  2. css3变形讲解

    Transform变形:可以实现文字或者图片旋转.缩放.倾斜和移动,并且该元素下的所有子元素都随着父元素一样. 既然接触到transform,我们就可以做好多3d的效果啦 旋转:transform:r ...

  3. %hd %d %ld %u ......

    %d 有符号10进制整数 %ld 长整型 %hd短整型%md,m指定的是输出字段的宽度,默认左补空格, 如果数据的位数小于m,则左端补以空格,若大于m,则 按实际位数输出,如: printf(&quo ...

  4. php后台判断ajax请求

    if (isset($_SERVER["HTTP_X_REQUESTED_WITH"]) && $_SERVER["HTTP_X_REQUESTED_WI ...

  5. python 解释器内建函数001

    python解释器内建函数列表如下: 001.abs() 求绝对值 #!/usr/bin/python if __name__=="__main__": print(abs(-10 ...

  6. Android网络编程概述

    Android网络编程概述 首先,应该了解的几个问题: 1)Android平台网络相关API接口 a) java.net.*(标准Java接口) java.net.*提供与联网有关的类,包括流.数据包 ...

  7. UML_行为图

    活动图是UML用于对系统的动态行为建模的另一种常用工具,它描述活动的顺序,展现从一个活动到另一个活动的控制流.活动图在本质上是一种流程图.活动图着重表现从一个活动到另一个活动的控制流,是内部处理驱动的 ...

  8. hdu 4619 Warm up 2_最大独立集

    三个人整个下午都想不出这题 后来看题解,竟然用匈牙利算法的最大独立集,我顿时晕了. 题意:给竖着和横着的方块,除去重叠的,最多能留下几个方块 #include <cstdlib> #inc ...

  9. asp.net中,我们使用ashx获取数据列表,在前端使用$.ajax()解析

    一直在想在asp.net中怎么才能向在java中那样用struts那样做页面请求. 当然asp.net mvc就是类似struts的东西吧,不过还没来得及学习. 今天就用ashx来接收页面请求,并调用 ...

  10. Redmine开启服务

    写了一个启动Redmine的开机脚本,redmine文件在/etc/init.d/下 #!/bin/sh ### BEGIN INIT INFO # Provides: Dean Chen # Req ...