六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 168|回复: 0

Html5版本的全套股票行情图开源了,附带实现技术简介

[复制链接]

升级  76%

46

主题

46

主题

46

主题

秀才

Rank: 2

积分
164
 楼主| 发表于 2013-1-29 13:42:58 | 显示全部楼层 |阅读模式
请使用支持html5的浏览器查看,推荐使用google chrom或者ipad体验,ie6,7,8都不支持html5
下面是行情图的快照和每个图的实现难点简介,有兴趣的朋友请用svn checkout出来,或者直接访问项目文件看源码 。
Google code的项目地址是:https://html54stock.googlecode.com
K线图 滑块控制


这个K线图和flash实现的K线图非常接近,滑块控制是实现的难点,这里是根据滑块滑动的位置计算k线数据的范围,并实时重画,事实证明html5 canvas标签的性能还是相当的好的,在PC机上每秒可以重画20次以上,而在iPad上每秒可以重画10次左右,在ipad上流畅性有一定问题,所以在ipad上实现了另外一个版本,使用手指滑动通过touch相关的时间控制范围
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表