用于实现股票行情数据高性能可视化处理的方法、装置、处理器及其计算机可读存储介质制造方法及图纸

本发明专利技术涉及一种用于实现股票行情数据高性能可视化处理的方法，其中，该方法包括以下步骤：从服务器获取包括分时数据和日K数据的股票行情数据；利用D3.js可视化库中的create函数，分别创建分时数据和日K数据的虚拟DOM的svg图表实例；根据获取到的数据分别创建虚拟x轴和y轴；利用x轴与y轴的映射关系，生成分时和日K数据的虚拟图表；采取深度优先遍历算法处理所有节点，并依据svg节点属性，将其转换为canvas方法进行绘制；利用window.requestAnimationFrame函数，循环调用svg转canvas函数；将事件传递给D3.js可视化库生成的虚拟图表，并通过svg插件应用到svg虚拟节点上，实现数据可视化的高频交互。本发明专利技术还涉及一种相应的装置、处理器及其存储介质。本技术方案大大提升了D3的数据可视化性能。技术方案大大提升了D3的数据可视化性能。技术方案大大提升了D3的数据可视化性能。

【技术实现步骤摘要】
用于实现股票行情数据高性能可视化处理的方法、装置、处理器及其计算机可读存储介质


[0001]本专利技术涉及数据处理
，尤其涉及数据可视化
，具体是指一种用于实现股票行情数据高性能可视化处理的方法、装置、处理器及其计算机可读存储介质。

技术介绍

[0002]常规的股票行情数据可视化展示最常规的做法通常是通过设置一系列的组件进行拖动，以此来实现可视化的交互处理，并未涉及采用数据渲染的方式实现可视化；如此一来，在进行股票行情交互联动的过程中，创建多个模块进行存在操作烦琐的问题，同时，在操作步骤以及操作时间上均存在局限性。

技术实现思路

[0003]本专利技术的目的是克服了上述现有技术的缺点，提供了一种能够有效提高数据可视化性能的用于实现股票行情数据高性能可视化处理的方法、装置、处理器及其计算机可读存储介质。
[0004]为了实现上述目的，本专利技术的用于实现股票行情数据高性能可视化处理的方法、装置、处理器及其计算机可读存储介质如下：
[0005]该用于实现股票行情数据高性能可视化处理的方法，其主要特点是，所本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用于实现股票行情数据高性能可视化处理的方法，其特征在于，所述的方法包括以下步骤：(1)从服务器获取包括分时数据和日K数据的股票行情数据；(2)利用D3.js可视化库中的create函数，分别创建分时数据和日K数据的虚拟DOM的svg图表实例，并设置svg格式的宽和高；(3)根据获取到的相关数据分别创建虚拟x轴和y轴；(4)利用x轴与y轴的映射关系，生成分时数据和日K数据的虚拟图表；(5)在网页中插入canvas节点，并获取该canvas的绘图上下文CanvasRenderingContext2D；(6)针对行情数据可视化中使用到的svg节点，采取深度优先遍历算法处理所有节点，并依据svg节点属性，将其转换为相应的canvas方法进行绘制；(7)利用window.requestAnimationFrame函数，循环调用svg转canvas函数，以此达到更高频率从而实现高效的图表可视化；(8)监听网页中canvas的触摸和滑动事件，将事件传递给D3.js可视化库生成的虚拟图表，并通过svg插件应用到svg虚拟节点上，从而实现数据可视化的高频交互。2.根据权利要求1所述的用于实现股票行情数据高性能可视化处理的方法，其特征在于，所述的步骤(3)通过以下方式创建虚拟x轴：将获取到的股票行情数据按照时间线，利用D3.js可视化库的scaleBand或scalePoint函数，建立虚拟图表x轴line直线与标签text节点，并将其加入到虚拟svg图表实例中。3.根据权利要求1所述的用于实现股票行情数据高性能可视化处理的方法，其特征在于，所述的步骤(3)通过以下方式创建虚拟y轴：针对获取到的分时数据，找出数据中的最高成交价和最低成交价，并利用D3.js可视化库中的scaleLineary函数，建立分时虚拟图表y轴；针对获取到的日K数据，每日数据分为最高价、最低价、开盘价和收盘价，找出所有数据中的最大最高价和最小最低价，并利用D3.js可视化库的scaleLineary函数，建立日K虚拟图表y轴；将所述的分时虚拟图表y轴以及日K虚拟图表y轴...

【专利技术属性】
技术研发人员：俞枫，赵炎，
申请(专利权)人：国泰君安证券股份有限公司，
类型：发明
国别省市：