html5可视化手机布局,一种HTML5可视化方法与流程

本发明涉及显示技术领域，尤其涉及一种HTML5可视化方法。

背景技术：

随着计算机的日益普及，互联网的蓬勃发展，使得计算机使用者能够通过访问各种网站中的网页来获取所需要的讯息，且网站中的各个网页通常是网站编辑者通过超文本标记语言(HyperText Mark-up Language，HTML)涉及出来的。

目前，HTML是互联网应用最广泛的扩展标记语言，也是构成网页文档的主要语言。HTML5是HTML的最新版本，相比于HTML之前的版本，HTML5提供了更为合理的标签Tag，及提供了本地数据库支持，该功能将内嵌一个本地SQL数据库，以加速交互式搜索，缓存以及索引功能。

技术实现要素：

本发明实施例提供的一种HTML5可视化方法，为了解决背景技术中存在的问题，本发明技术方案如下：

一种HTML5可视化方法，包括：

若检测到数据查询请求，则获取所述数据查询请求中的数据指标及分析机制；

根据所述数据指标从指定数据源中获取匹配的数据，并按照所述分析机制对所述匹配的数据进行分析，得到分析数据，通过调用数据推送接口将所述分析数据推送给前端浏览器，使得所述前端浏览器通过多种图形展示方式展示所述分析数据，以实现数据的可视化；

在所述前端浏览器展示所述数据的过程中，若检测到所述数据发生变化，则通过所述数据推送接口向所述前端浏览器发送变化后的数据，以实现动态图形展示。

本发明方法可实现从后端指定数据源获取数据并展示到前端浏览器的数据交互过程，通过调用数据推送接口推送数据，配置实时推送服务后，可以通过前端浏览器以多种图形方式展示数据，以实现数据的可视化。

具体实施方式

本发明实施例提供的一种HTML5可视化方法，其方案如下：

一种HTML5可视化方法，包括：

数据推送上报模块，用于对指定类型的数据进行统计，并提供数据的上报功能，将统计的数据上报给收集发布模块；所述收集发布模块，用于对所述数据推送模块上报的数据进行数据模型转换，并将转换后的数据发送给数据更新推送模块；所述数据更新推送模块，用于将所述收集发布模块发送的转换后的数据翻译为内部图形展示指令，并将该内部图形展示指令推送给展示模块；所述展示模块，用于在接收到所述内部图形展示指令之后，根据该内部图形展示指令执行绘图及展示，以实现数据可视化。所述收集发布模块还用于将所述转换后的数据保存在SQL数据库中。所述收集发布模块具体用于将所述数据推送上报模块上报的数据的类型转换为关系数据模型，并将转换得到的关系数据模型发送给数据推送模块。分析处理模块，用于基于web服务，同时使用HTML5标准的WebSocket服务器，处理静态超文本传输协议HTTP请求，并根据基于所述HTTP请求获取的数据生成静态展示图，将所述静态展示图发送给所述展示模块；所述展示模块还用于展示所述静态展示图；若检测到数据查询请求，则获取所述数据查询请求中的数据指标及分析机制；根据所述数据指标从指定数据源中获取匹配的数据，并按照所述分析机制对所述匹配的数据进行分析，得到分析数据，通过调用数据推送接口将所述分析数据推送给前端浏览器，使得所述前端浏览器通过多种图形展示方式展示所述分析数据，以实现数据的可视化，在所述前端浏览器展示所述数据的过程中，若检测到所述数据发生变化，则通过所述数据推送接口向所述前端浏览器发送变化后的数据，以实现动态图形展示。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。