HQChart报价列表高级应用教程1-雪球数据对接报价列表
效果图
雪球数据效果图
PC页面效果
h5效果图
报价列表构架介绍
报价列表
HQChart报价列表是基于传统PC端的报价列表(如通达信,东方财富,同花顺等等)。 为了更接近于终端的操作逻辑,这个表格使用画布绘制而成,没有使用其他DOM元素。由于直接使用画布绘制, 速度比使用DOM表格数据会快很多。
虚拟表格
HQChart报价表格使用虚拟表格,表格行可以无限多,而不影响显示速度。也不无需全部下载完所有数据才显示,当前浏览什么数据,就请求对应的数据, 通过手势滚动翻页,或键盘翻页。
数据流程
1. 码表数据
码表数据主要是股票名称,股票代码,基础数据等组成。
页面启动以后,会下载一次码表数据, 如果后天没有码表数据,可以返回一个空的数组。码表数据是为了表格滚动的时候,在新的数据没有到达前,可以显示出股票名称,股票代码,提升用户体验。
数据结构见