欢迎来到你我贷?#22836;?#28909;线400-680-8888

html54stock首页、文档和下载

2014-02-19 11:44:15
来源:你我贷

请使用支持html5的浏览器查看,推荐使用googlechrom或者ipad体验,ie6,7,8都不支持html5

下面是行情图的快照和每个图的实现难点简介,?#34892;?#36259;的朋友请用svncheckout出来,或者直接?#26790;?#39033;目文件看源码。

K线图滑块控制

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

K线图触摸控制

请使用ipad体验效果

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

分时图

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

小分时图

交易分析图

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

成?#27426;?#20998;析图

成?#27426;?#20998;析图的实现基本上没什么难点。

个人非常看好html5。对html5?#34892;?#36259;希望参与项目的朋友,请与我联系。

推荐阅读

什么是1/8点规则

1/8点规则(One-eighthRule)目录1什么是1/8点规则[1]21/...

什么是OFEX

(重定向自Ofex)OFEX(未上市证券市场,Off-Exchange简称)目录...

什么是一体式创业板

什么是一体式创业板从创业板市场的运行方式来分,有“一体式创业板”和“分体式创业板...

什么是三板市场

三板市场(thirdmarket)/代办股份转让?#20302;?AgencyShareTr...

什么是两地上市

两地上市(DualListing)两地上市概述两地上市就是指一家公司的股票同时在...
各国货币融?#39318;?#36161;贵金属证券公司期权交易贷款知识期货公司金融知识银行理财产品银行网点信用卡信托产品
  • 热线电话(服务时间 09 : 00 - 21 : 00 )
  • 400-680-8888
  • 关注我们
Copyright ? 2015 你我贷(www.90041406.com) 网上投资理财 版权所有?#27426;?#32477;借款犯罪,倡导合法借贷,信守借款?#26174;?
关注你我贷官方微信
北京快乐8开奖彩票控
新六合皇 北京11选五任5遗漏 甘肃快三跨度走势图 顺赢彩票是真是假 湖北快三开奖号码 顶呱刮彩票中奖率高吗 广西快乐双彩中奖计算器 中国足彩网10元优惠券 湖南幸运赛车前三组选 四肖中特金龙心水论坛 山西快乐10分开奖图 赢钱斗地主 20选5开奖结果今天 六合彩一码中特会员彩 幸运农场实时开奖结果