[发明专利]数据表图形生成系统、方法、设备及存储介质

说明书

本发明提供了一种数据表图形生成系统、方法、设备及存储介质，该方法包括：实时数据模块，基于超文本标记语言的Div标签实现，用于实时从数据输入源获取待验证的数据；条件验证模块，基于超文本标记语言的Div标签实现，用于根据预先设定的验证条件，对所述待验证的数据进行验证，得到验证结果，所述验证结果作为生成数据表图形的数据来源；图形定义模块，基于层叠样式表实现，用于定义数据表的显示样式；图形生成模块，用于根据所述验证结果和所述数据表的显示样式生成数据表图形。采用本发明，结合Div和层叠样式表技术，可实现数据表图形随工业监测实时数据变化而变化，且占用资源少，运行速度快。

技术领域

本发明涉及数据处理技术领域，尤其涉及一种数据表图形生成系统、方法、设备及存储介质。

背景技术

在数据处理过程中，为了更清晰地示出数据之间的关系，常采用数据表来进行展示数据结果，常用的数据表有柱状图、折线图、曲线图等等。现有的数据表生成的方法主要有如下三种：

(1)基于Canvas使用JavaScript程序绘图(动态生成)：

Canvas是HTML5(超文本标记语言5)一种用于绘制图像的标签。不过Canvas元素本身并没有绘制能力，必须使用脚本来完成实际的绘图任务。这种方式生成的图像在部分Android机器上出现了异常闪烁，并且显示效率依赖于显示设备的分辨率，也不支持事件处理器。

(2)基于SVG(可缩放矢量图形)使用XML(可扩展标记语言)文档描述来进行绘图：

采用该种方式的缺陷有：文档对象模型比正常的图形慢，而且如果图形结点多且杂，则更慢；不能与HTML(超文本标记语言)内容集成；整个SVG作为一个动画，不可分割；存在浏览器兼容性问题，IE8以及Android2.3默认浏览器都不支持SVG。

(3)基于JavaScript脚本语言编写动画，动画由多个帧图片组成，由JavaScript语言控制帧图片的展示：

该种方式存在的缺陷有：JavaScript在浏览器的主线程运行，而主线程中还有其他需要运行的JavaScript脚本、样式计算、布局、绘制任务等等，对其干扰导致线程可能出现阻塞，从而造成丢帧的情况；代码复杂度高，对编写脚本的人员要求很高，并且编写效率低；需要很多帧的图片，对网络带宽具有很高的要求。

发明内容

针对现有技术中的问题，本发明的目的在于提供一种数据表图形生成系统、方法、设备及存储介质，结合Div和CSS技术，可实现数据表图形随工业监测实时数据变化而变化，且占用资源少，运行速度快。

本发明实施例提供一种数据表图形生成系统，所述系统包括：

实时数据模块，基于超文本标记语言中的Div标签实现，用于实时从数据输入源获取待验证的数据；

条件验证模块，基于超文本标记语言中的Div标签实现，用于根据预先设定的验证条件，对所述待验证的数据进行验证，得到验证结果，所述验证结果作为生成数据表图形的数据来源；

图形定义模块，基于层叠样式表实现，用于定义数据表的显示样式；

图形生成模块，用于根据所述验证结果和所述数据表的显示样式生成数据表图形。

可选地，所述系统还包括循环控制模块，基于超文本标记语言中的Div标签实现，用于设定条件验证和数据表图形刷新的频率；

所述条件验证模块用于根据设定的条件验证频率对所述待验证的数据进行验证；

所述图形生成模块用于根据设定的数据表图形刷新频率生成所述数据表图形。

可选地，所述图形定义模块用于采用层叠样式表的@keyframe规则和动画animation属性定义数据表的动画显示样式。