html模拟在线股票走势,用HTML5实现全套股票行情图

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

K线图滑块控制

K线图触摸控制

请使用ipad体验效果

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

大分时图

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

小分时图

交易分析图

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

成交额分析图

交易分析图

html模拟在线股票走势,用HTML5实现全套股票行情图相关推荐

Html5版全套股票行情图开源了
请使用支持html5的浏览器查看,推荐使用google chrom或者ipad体验,ie6,7,8都不支持html5 powered by yukaizhao K线图滑块控制 K线图触摸控制请使 ...
股票详情接口 html5,新浪股票API接口
新浪股票API处理如果想实时获得某支股票的实时数据,可访问:http://hq.sinajs.cn/list=sz002307,sh600928 其中sz002307,sh600928为股票代码加沪 ...
Flask 扫盲系列-在线股票走势图
今天我们来分享一个 Flask 小应用,如何动手实现一个简易的在线股票 K 线图表.我们需要用到的知识包括 PyEcharts 的使用,tushare 库获取股票数据的方法以及 Flask 的基本用法 ...
一种非常类似股票走势的模拟方法
偶然之下,发现这种方法产生的图像看起来非常像股票走势图,感觉很有趣,分享出来,也许有所启发. 一个循环队列,大小固定.两个线程,一个put线程,一个get线程,put线程休眠一段时间后,向队列放入一个 ...
动态分析股票走势算法图,股票趋势预测算法
股票动态市盈率怎么计算出来的? 谈论起市盈率,这可真是有人爱,有人恨,有人认为有用,也认为无用.这个市盈率到底有没有用,咋用? 在为大家介绍我使用市盈率买股票的方法之前,先和大家推荐机构近期值得关注的 ...
Html5版本的全套股票行情图开源了，附带实现技术简介
Html5版本的全套股票行情图开源了,附带实现技术简介 - 玉开 - 博客园 Html5版本的全套股票行情图开源了,附带实现技术简介请使用支持html5的浏览器查看,推荐使用google chrom ...
python 预测算法_通过机器学习的线性回归算法预测股票走势（用Python实现）
本文转自博客园,作者为hsm_computer 原文链接:https://www.cnblogs.com/JavaArchitect/p/11717998.html在笔者的新书里,将通过股票案例讲述P ...
计算机程序和系统股票走势分析,证券走势指标匹配分析系统的设计与实现
摘要: 随着计算机技术在证券分析领域的广泛应用,利用计算机对股票数据进行分析,已经成为股票走势技术分析方法的必然选择.经过历代伟大的证券分析师不懈的研究,已经总结出多种根据股票历史数据计算出的指标,在 ...
在线邮箱订阅反馈html5模板
介绍: 在线邮箱订阅反馈html5模板网盘下载地址: http://kekewl.org/FR0rhfyUJqr0 图片:

html模拟在线股票走势,用HTML5实现全套股票行情图

html模拟在线股票走势,用HTML5实现全套股票行情图相关推荐

最新文章

热门文章