html54stock

HTML5 版本的全套股票行情图
授权协议 LGPL
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 国产
投 递 者 锺离马鲁
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

请使用支持 HTML5 的浏览器查看,推荐使用 Google Chrome 或者 iPad 体验,IE6,7,8 都不支持 HTML5

下面是行情图的快照和每个图的实现难点简介,有兴趣的朋友请用 SVN checkout 出来,或者直接访问项目文件看源码 。

K线图 滑块控制

这个 K 线图和 Flash 实现的 K 线图非常接近,滑块控制是实现的难点,这里是根据滑块滑动的位置计算 K 线数据的范围,并实时重画,事实证明 HTML5 Canvas 标签的性能还是相当的好的,在 PC 机上每秒可以重画 20 次以上,而在 iPad 上每秒可以重画 10 次左右,在 iPad 上流畅性有一定问题,所以在 iPad 上实现了另外一个版本,使用手指滑动通过 touch 相关的时间控制范围

K线图 触摸控制

请使用 iPad 体验效果

 

这个 K 线图和上面的基本一样,但是控制 K 线范围改用了触摸事件,用 touchstart, touchmove 等事件,这个需要实时计算手指所在的坐标,然后根据坐标判断是否要显示浮窗,显示 K 线柱的高,开,低,收等信息。

大分时图

分时图的实现是在一张画布上,当鼠标在画布上移动时,需要根据鼠标的坐标出十字,并显示鼠标所在时间的价格,这儿的十字叉是 div 实现的,而在画布上显示对应时间的价格是用了画布的 clearRect 方法,先把指定区域的内容清除掉,然后再重新画上对应价格。这样实现的流畅性非常的好,无论是在平板上还是在 PC 上。

小分时图

交易分析图

交易分析图画图不是难点,难点在于对鼠标事件或 touch 事件的处理,上图中的浮动框、十字叉都是 div,这样的性能可以接受,而实时修改画布则不流畅。

成交额分析图

成交额分析图的实现基本上没什么难点。

个人非常看好 HTML5。对 HTML5 有兴趣希望参与项目的朋友,请与我联系。

  • Html5版本的全套股票行情图开源了,附带实现技术简介 - 玉开 - 博客园 Html5版本的全套股票行情图开源了,附带实现技术简介 请使用支持html5的浏览器查看,推荐使用google chrome或者ipad体验,ie6,7,8都不支持html5 下面是行情图的快照和每个图的实现难点简介,有兴趣的朋友请用svn checkout出来,或者直接访问项目文件看源码 。 Google code的项

 相关资料
  • 本文向大家介绍Android版的股票行情K线图开发,包括了Android版的股票行情K线图开发的使用技巧和注意事项,需要的朋友参考一下 现在在手上的是一个证券资讯类型的app,其中有涉及到股票行情界面,行情中有K线图等,看到网上很多人在求这方面的资料,所以我特地写了一个demo在此处给大家分享一下。 下面是做出来的效果图: 背景图是利用canvas先画出一个矩形,然后再画几根虚线,均线图是通过pa

  • 问题内容: 如果我在一个自动收录器频道范围内通话并调用stop(),则该频道已停止但未关闭。 在此示例中: 运行产生: 因此,goroutine永远不会退出。有没有更好的方法来处理这种情况?我应该担心goroutine永远不会退出吗? 问题答案: 在第二个频道上发出“完成”信号,然后在代码行情清单和已完成的频道之间选择您的goroutine。 根据您真正想做的事情,可能存在更好的解决方案,但这很难

  • 问题内容: 我想动态更改我的股票行情间隔。 我写下了一个例子来向您展示我的工作方式。我的用例不是“加速度计”,而是希望它能给您一个构想。 http://play.golang.org/p/6ANFnoE6pA 出问题的是,股票报价器总是每秒钟都在“滴答”,并且不会加速…有什么想法吗? 问题答案: 遵循对@fzerorubigd的回答,但更加完整。 如前所述,在 这种情况下我们无法使用,因为 循环会

  • A股 股票市场总貌 上海证券交易所 接口: stock_sse_summary 目标地址: http://www.sse.com.cn/market/stockdata/statistic/ 描述: 上海证券交易所-股票数据总貌 限量: 单次返回最近交易日的股票数据总貌数据(当前交易日的数据需要交易所收盘后统计) 输入参数 名称 类型 必选 描述 - - - - 输出参数-实时行情数据 名称 类型

  • 本文向大家介绍使用PyQtGraph绘制精美的股票行情K线图的示例代码,包括了使用PyQtGraph绘制精美的股票行情K线图的示例代码的使用技巧和注意事项,需要的朋友参考一下 pyqtgraph是Python平台上一种功能强大的2D/3D绘图库,相对于matplotlib库,由于其在内部实现方式上,使用了高速计算的numpy信号处理库以及Qt的GraphicsView框架,因此它在大数据量的处理及

  • 有办法限制Android应用程序中的共享选项吗?我尝试过使用,或者只是使用

  • 题目链接 Leetcode:121. Best Time to Buy and Sell Stock 题目描述 可以有一次买入和一次卖出,买入必须在前。求最大收益。 解题思路 使用贪心策略,假设第 i 轮进行卖出操作,买入操作价格应该在 i 之前并且价格最低。 // java public int maxProfit(int[] prices) { if (prices == null |

  • 问题内容: 我正在尝试开始一个偶数时间戳。基本上我想要的是这段代码: 要始终每隔5秒打印一次: 是否有一个优雅的解决方案? 问题答案: 您可以将股票行情显示的开始时间延迟到将近5秒钟: 或者使用Time方法获得正确延迟的另一种方法: