数据表图形生成系统、方法、设备及存储介质技术方案

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

Data Table Graphics Generation System, Method, Equipment and Storage Media

The invention provides a data table graphics generation system, method, device and storage medium. The method includes: real-time data module, Div tag implementation based on hypertext markup language, for real-time acquisition of data to be verified from data input source; condition verification module, Div tag implementation based on hypertext markup language, for pairing according to pre-set verification conditions. The validation results are obtained by validating the data to be validated. The validation results are used as the data source for generating data table graphics; the graphics definition module is implemented based on cascade style sheets to define the display style of the data table; and the graphics generation module is used to generate data table graphics according to the validation results and the display style of the data table. By adopting the present invention, combining Div and cascade style sheet technology, the data sheet graph can be changed with the real-time data of industrial monitoring, and the resource is less, and the running speed is fast.

【技术实现步骤摘要】
数据表图形生成系统、方法、设备及存储介质
本专利技术涉及数据处理
，尤其涉及一种数据表图形生成系统、方法、设备及存储介质。
技术介绍
在数据处理过程中，为了更清晰地示出数据之间的关系，常采用数据表来进行展示数据结果，常用的数据表有柱状图、折线图、曲线图等等。现有的数据表生成的方法主要有如下三种：(1)基于Canvas使用JavaScript程序绘图(动态生成)：Canvas是HTML5(超文本标记语言5)一种用于绘制图像的标签。不过Canvas元素本身并没有绘制能力，必须使用脚本来完成实际的绘图任务。这种方式生成的图像在部分Android机器上出现了异常闪烁，并且显示效率依赖于显示设备的分辨率，也不支持事件处理器。(2)基于SVG(可缩放矢量图形)使用XML(可扩展标记语言)文档描述来进行绘图：采用该种方式的缺陷有：文档对象模型比正常的图形慢，而且如果图形结点多且杂，则更慢；不能与HTML(超文本标记语言)内容集成；整个SVG作为一个动画，不可分割；存在浏览器兼容性问题，IE8以及Android2.3默认浏览器都不支持SVG。(3)基于JavaScript脚本语言编写动画，动画本文档来自技高网...

【技术保护点】
1.一种数据表图形生成系统，其特征在于，包括如下步骤：实时数据模块，基于超文本标记语言中的Div标签实现，用于实时从数据输入源获取待验证的数据；条件验证模块，基于超文本标记语言中的Div标签实现，用于根据预先设定的验证条件，对所述待验证的数据进行验证，得到验证结果，所述验证结果作为生成数据表图形的数据来源；图形定义模块，基于层叠样式表实现，用于定义数据表的显示样式；图形生成模块，用于根据所述验证结果和所述数据表的显示样式生成数据表图形。

【技术特征摘要】
1.一种数据表图形生成系统，其特征在于，包括如下步骤：实时数据模块，基于超文本标记语言中的Div标签实现，用于实时从数据输入源获取待验证的数据；条件验证模块，基于超文本标记语言中的Div标签实现，用于根据预先设定的验证条件，对所述待验证的数据进行验证，得到验证结果，所述验证结果作为生成数据表图形的数据来源；图形定义模块，基于层叠样式表实现，用于定义数据表的显示样式；图形生成模块，用于根据所述验证结果和所述数据表的显示样式生成数据表图形。2.根据权利要求1所述的数据表图形生成系统，其特征在于，所述系统还包括循环控制模块，基于超文本标记语言中的Div标签实现，用于设定条件验证和数据表图形刷新的频率；所述条件验证模块用于根据设定的条件验证频率对所述待验证的数据进行验证；所述图形生成模块用于根据设定的数据表图形刷新频率生成所述数据表图形。3.根据权利要求1所述的数据表图形生成系统，其特征在于，所述图形定义模块用于采用层叠样式表的@keyframe规则和动画animation属性定义数据表的动画显示样式。4.根据权利要求1所述的数据表图形生成系统，其特征在于，所述图形定义模块定义的数据表的显示样式包括数据表类型、数据表中每个数据栏的位置和数据表的动画显示样式。5.根据权利要求1所述的数据表图形生成系统，其特征在于，所述图形定义模块用于采用层叠样式表的position位置属性定义数据表图形的初始位置。6.一种数据表图形生成方法，其特征在于，采用权利要求1至...

【专利技术属性】
技术研发人员：黄君，
申请(专利权)人：上海携程商务有限公司，
类型：发明
国别省市：上海,31