CN107391580A - 一种html5可视化方法 - Google Patents
一种html5可视化方法 Download PDFInfo
- Publication number
- CN107391580A CN107391580A CN201710472869.XA CN201710472869A CN107391580A CN 107391580 A CN107391580 A CN 107391580A CN 201710472869 A CN201710472869 A CN 201710472869A CN 107391580 A CN107391580 A CN 107391580A
- Authority
- CN
- China
- Prior art keywords
- data
- end browser
- analyze
- matching
- pushing interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/55—Push-based network services
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
一种HTML5可视化方法。若检测到数据查询请求,则获取所述数据查询请求中的数据指标及分析机制;根据所述数据指标从指定数据源中获取匹配的数据,并按照所述分析机制对所述匹配的数据进行分析,得到分析数据,通过调用数据推送接口将所述分析数据推送给前端浏览器,使得所述前端浏览器通过多种图形展示方式展示所述分析数据,以实现数据的可视化;在所述前端浏览器展示所述数据的过程中,若检测到所述数据发生变化,则通过所述数据推送接口向所述前端浏览器发送变化后的数据,以实现动态图形展示。本发明方法可实现从后端指定数据源获取数据并展示到前端浏览器的数据交互过程,通过调用数据推送接口推送数据,配置实时推送服务后,可以通过前端浏览器以多种图形方式展示数据,以实现数据的可视化。
Description
技术领域
本发明涉及显示技术领域,尤其涉及一种HTML5可视化方法。
背景技术
随着计算机的日益普及,互联网的蓬勃发展,使得计算机使用者能够通过访问各种网站中的网页来获取所需要的讯息,且网站中的各个网页通常是网站编辑者通过超文本标记语言(HyperText Mark-up Language,HTML)涉及出来的。
目前,HTML是互联网应用最广泛的扩展标记语言,也是构成网页文档的主要语言。HTML5是HTML的最新版本,相比于HTML之前的版本,HTML5提供了更为合理的标签Tag,及提供了本地数据库支持,该功能将内嵌一个本地SQL数据库,以加速交互式搜索,缓存以及索引功能。
发明内容
本发明实施例提供的一种HTML5可视化方法,为了解决背景技术中存在的问题,本发明技术方案如下:
一种HTML5可视化方法,包括:
若检测到数据查询请求,则获取所述数据查询请求中的数据指标及分析机制;
根据所述数据指标从指定数据源中获取匹配的数据,并按照所述分析机制对所述匹配的数据进行分析,得到分析数据,通过调用数据推送接口将所述分析数据推送给前端浏览器,使得所述前端浏览器通过多种图形展示方式展示所述分析数据,以实现数据的可视化;
在所述前端浏览器展示所述数据的过程中,若检测到所述数据发生变化,则通过所述数据推送接口向所述前端浏览器发送变化后的数据,以实现动态图形展示。
本发明方法可实现从后端指定数据源获取数据并展示到前端浏览器的数据交互过程,通过调用数据推送接口推送数据,配置实时推送服务后,可以通过前端浏览器以多种图形方式展示数据,以实现数据的可视化。
具体实施方式
本发明实施例提供的一种HTML5可视化方法,其方案如下:
一种HTML5可视化方法,包括:
数据推送上报模块,用于对指定类型的数据进行统计,并提供数据的上报功能,将统计的数据上报给收集发布模块;所述收集发布模块,用于对所述数据推送模块上报的数据进行数据模型转换,并将转换后的数据发送给数据更新推送模块;所述数据更新推送模块,用于将所述收集发布模块发送的转换后的数据翻译为内部图形展示指令,并将该内部图形展示指令推送给展示模块;所述展示模块,用于在接收到所述内部图形展示指令之后,根据该内部图形展示指令执行绘图及展示,以实现数据可视化。所述收集发布模块还用于将所述转换后的数据保存在SQL数据库中。所述收集发布模块具体用于将所述数据推送上报模块上报的数据的类型转换为关系数据模型,并将转换得到的关系数据模型发送给数据推送模块。分析处理模块,用于基于web服务,同时使用HTML5标准的WebSocket服务器,处理静态超文本传输协议HTTP请求,并根据基于所述HTTP请求获取的数据生成静态展示图,将所述静态展示图发送给所述展示模块;所述展示模块还用于展示所述静态展示图;若检测到数据查询请求,则获取所述数据查询请求中的数据指标及分析机制;根据所述数据指标从指定数据源中获取匹配的数据,并按照所述分析机制对所述匹配的数据进行分析,得到分析数据,通过调用数据推送接口将所述分析数据推送给前端浏览器,使得所述前端浏览器通过多种图形展示方式展示所述分析数据,以实现数据的可视化,在所述前端浏览器展示所述数据的过程中,若检测到所述数据发生变化,则通过所述数据推送接口向所述前端浏览器发送变化后的数据,以实现动态图形展示。
最后应说明的是:以上所述仅为本发明的优选实施例而已,并不用于限制本发明,尽管参照前述实施例对本发明进行了详细的说明,对于本领域的技术人员来说,其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (1)
1.一种HTML5可视化方法,其特征在于,其步骤如下:
若检测到数据查询请求,则获取所述数据查询请求中的数据指标及分析机制;
根据所述数据指标从指定数据源中获取匹配的数据,并按照所述分析机制对所述匹配的数据进行分析,得到分析数据,通过调用数据推送接口将所述分析数据推送给前端浏览器,使得所述前端浏览器通过多种图形展示方式展示所述分析数据,以实现数据的可视化;
在所述前端浏览器展示所述数据的过程中,若检测到所述数据发生变化,则通过所述数据推送接口向所述前端浏览器发送变化后的数据,以实现动态图形展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710472869.XA CN107391580A (zh) | 2017-06-21 | 2017-06-21 | 一种html5可视化方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710472869.XA CN107391580A (zh) | 2017-06-21 | 2017-06-21 | 一种html5可视化方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107391580A true CN107391580A (zh) | 2017-11-24 |
Family
ID=60333419
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710472869.XA Pending CN107391580A (zh) | 2017-06-21 | 2017-06-21 | 一种html5可视化方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107391580A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109423A (zh) * | 2019-03-20 | 2019-08-09 | 北京中水科水电科技开发有限公司 | 一种基于Html5技术的实时数据的监视系统 |
CN110730206A (zh) * | 2019-09-06 | 2020-01-24 | 浪潮金融信息技术有限公司 | 一种应用于新零售平台数据展示的数据服务方案 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105824910A (zh) * | 2016-03-15 | 2016-08-03 | 深圳市游科互动科技有限公司 | 基于html5的数据可视化系统及方法 |
-
2017
- 2017-06-21 CN CN201710472869.XA patent/CN107391580A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105824910A (zh) * | 2016-03-15 | 2016-08-03 | 深圳市游科互动科技有限公司 | 基于html5的数据可视化系统及方法 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109423A (zh) * | 2019-03-20 | 2019-08-09 | 北京中水科水电科技开发有限公司 | 一种基于Html5技术的实时数据的监视系统 |
CN110730206A (zh) * | 2019-09-06 | 2020-01-24 | 浪潮金融信息技术有限公司 | 一种应用于新零售平台数据展示的数据服务方案 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10997358B1 (en) | Click tracking using link styles | |
US9292618B2 (en) | Content adaptation | |
CN102654885B (zh) | 移动终端网页适配系统和方法 | |
US8977653B1 (en) | Modifying web pages to reduce retrieval latency | |
CN104461484B (zh) | 前端模板的实现方法和装置 | |
US20140229820A1 (en) | Method and device for displaying picture on browser of user equipment as required | |
US9563611B2 (en) | Merging web page style addresses | |
CN104503755B (zh) | 基于html5高清位图的动态信息融合展现方法 | |
WO2011017929A1 (zh) | 手机浏览器快速定位有效信息的方法与装置 | |
CN102779123B (zh) | 一种网站展示内容的截屏方法、系统和前台模块及方法 | |
WO2010114913A1 (en) | Method and system of retrieving ajax web page content | |
US8447874B2 (en) | Web page data streaming | |
WO2015017222A1 (en) | Methods and systems for generating server-side media queries | |
WO2014029173A1 (zh) | 一种用于对搜索结果进行排序的方法、装置与设备 | |
US20170111431A1 (en) | Methods for transforming a server side template into a client side template and devices thereof | |
CN103383687A (zh) | 一种页面处理方法和装置 | |
JP2008117374A (ja) | ページ付加情報共有管理方法 | |
US10789325B2 (en) | Systems and methods for prefetching dynamic URLs | |
WO2012063772A1 (ja) | 関連語登録装置、情報処理装置、関連語登録方法、関連語登録装置用プログラム、記録媒体、および、関連語登録システム | |
CN105824910A (zh) | 基于html5的数据可视化系统及方法 | |
CN107391580A (zh) | 一种html5可视化方法 | |
CN107590288B (zh) | 用于抽取网页图文块的方法和装置 | |
CN109240664A (zh) | 一种采集用户行为信息的方法及终端 | |
US10198408B1 (en) | System and method for converting and importing web site content | |
US9521182B1 (en) | Systems and methods related to identifying authorship of internet content |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20171124 |
|
WD01 | Invention patent application deemed withdrawn after publication |