文件名称:h5_stock_demo.zip
文件大小:146KB
文件格式:ZIP
更新时间:2023-04-16 03:30:40
股票行情 股票分时图 K线图 H
股票分时图、K线图的实现,主要通过 H5 的 Canvas 来实现绘图。 K线图 这个K线图和flash实现的K线图非常接近,滑块控制是实现的难点,这里是根据滑块滑动的位置计算k线数据的范围,并实时重画,事实证明html5 canvas标签的性能还是相当的好的,在PC机上每秒可以重画20次以上,而在iPad上每秒可以重画10次左右,在ipad上流畅性有一定问题,所以在ipad上实现了另外一个版本,使用手指滑动通过touch相关的时间控制范围
【文件预览】:
h5_stock_demo
----k-painter.v1.htm(36KB)
----mins-painter-v3.html(18KB)
----k-data.js(148KB)
----mins-data.js(12KB)
----libs()
--------cookie.js(1KB)
--------crossLines.js(5KB)
--------absPainter.js(3KB)
--------ie()
--------chartEventHelper.kl.js(9KB)
--------linepainter.js(2KB)
--------axis-y.js(2KB)
--------axis-x.js(1KB)
--------painter.js(4KB)
--------ajax.js(1KB)
--------util.js(5KB)
--------loading.compressed.js(1KB)
--------tip.js(5KB)
--------xmlparser.js(4KB)
--------loading.js(2KB)
--------volumePainter.js(2KB)
--------chartEventHelper.js(7KB)
--------controller.js(18KB)