在线html5行情,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版本的全套股票行情图开源了,附带实现技术简介 请使用支持html5的浏览器查看,推荐使用google chrom ...
- android 股票行情界面,Android版的股票行情K线图开发
转载请注明出住:http://blog.csdn.net/andywuchuanlong 现在在手上的是一个证券资讯类型的app,其中有涉及到股票行情界面,行情中有K线图等,看到网上很多人在求这方面的 ...
- html模拟在线股票走势,用HTML5实现全套股票行情图
这 个K线图和flash实现的K线图非常接近,滑块控制是实现的难点,这里是根据滑块滑动的位置计算k线数据的范围,并实时重画,事实证明html5 canvas标签的性能还是相当的好的,在PC机上每秒可以 ...
- Html5版全套股票行情图开源了
请使用支持html5的浏览器查看,推荐使用google chrom或者ipad体验,ie6,7,8都不支持html5 powered by yukaizhao K线图 滑块控制 K线图 触摸控制 请使 ...
- L2接口提供的都是实时股票行情吗?
现在很多人在用L2接口,说是因为L2接口可以提供实时股票行情,那除了提供股票行情,L2接口还有什么用呢? 其实,单单是股票行情这个,就已经够投资者玩了,因为股票行情可以分为L1.L2两种,而L2行情的 ...
- 兄弟连html5在线画板,IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容
原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容 为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几 ...
- html最新的版本是多少,HTML5之前的版本是什么?
HTML5之前的版本是什么? 发布时间:2020-04-30 09:47:46 来源:亿速云 阅读:295 作者:小新 今天小编给大家分享的是HTML5之前的版本是什么,相信很多人都不太了解,为了让大 ...
- html版本操作手册,全新HTML5用户手册(版本2017)–互联网股票买卖操作.PDF
全新HTML 5 用戶手冊(版本2017) – 互聯網股票買賣操作 全新HTML 5 用戶手冊 - 股票買賣操作 (2017 年版本) 全新HTML 5 版本用戶手冊 1. 登入與介面3 1.1 用戶 ...
- 【数据知多少】一文学懂通过Tushare、AKshare、baostock、Ashare、Pytdx获取股票行情数据(含代码)
金融量化交易几种免费获取股票行情数据的方法 一.免费行情数据获取方式介绍 1.Tushare 简介 安装 代码仓库 说明文档 2. AKshare 简介 安装 代码仓库 说明文档 3. baostoc ...
- 【量化交易行情不够快?】一文搞定通过Win10 wsl2 +Ubuntu+redis+pickle实现股票行情极速读写
一文搞定通过Win10 wsl2 +Ubuntu+redis+pickle实现股票行情极速读写 前言 一.准备环境分四步 1.1 给Win10装wsl2 硬件开启虚拟化 软件开启虚拟化及安装适用于Li ...
最新文章
- 2.4 残差网络为什么有用-深度学习第四课《卷积神经网络》-Stanford吴恩达教授
- arm-arago-linux-gnueabi 下载,arm-arago-linux-gnueabi问题
- Python:使用ctypes库调用外部DLL
- bzoj 3504: [Cqoi2014]危桥(最大流)
- php 安装redis 扩展
- Atitit 常见每日流程日程日常工作.docx v7 r8f
- ccna考试之导入题库———pdf转vce格式转换
- 企业报表系统搭建很难?其实选对工具就成功了一半
- 捷宇高拍仪XY530 网页集成总结
- ExpandableListQQ好友列表
- BI 报表工具如何与 springBoot 框架集成
- C++ 常函数和常对象
- ai文字后面出现特殊符号
- python中添加.pth_使用.pth文件扩展python环境路径
- C语言 模拟键盘、鼠标事例
- CIAA 网络安全模型 — 数据传输安全
- “损失函数”是如何设计出来的?直观理解“最小二乘法”和“极大似然估计法”
- 听障人士亲述:我们在VRChat用手语交流,成员规模5000人
- 《卓有成效的管理者》 读书摘要
- LDAP 中的 RDN