[发明专利]数据图表订阅方法及数据图表订阅系统

说明书

技术领域

本发明涉及数据图表技术，特别涉及一种数据图表订阅方法及数据图表 订阅系统。

背景技术

为了能够生动优美地将数据图表展现在Web页面上，多种数据图表组件 应运而生。其中包括基于Flash技术的FusionCharts和AnyChart；也包括使用 Javascript技术实现的Highcharts和ECharts。

无论使用何种数据图表组件，都需要维护数据图表的后台数据。数据图 表的后台数据主要包括格式化数据和序列数据。格式化数据包括图表类型、 图表标题、X轴分类、Y轴标题等，用于限定图表展现格式。序列数据包含 数据图表真正要展现的内容数据，比如一年内每个月的销售额，某月新老用 户的访问量等。数据图表的后台数据通常以XML(ExtensibleMarkup Language，可扩展标记语言)、JSON(JavaScriptObjectNotation，JavaScript对 象表示法)等方式进行组织。

随着大数据时代的到来，Web页面中需要展现的数据图表的数量和种类 急剧增加，在数据图表新增和更改频繁的网站中，前端开发人员需要在Web 页面中手工编写或者通过程序逐步构造出数据图表的后台数据。这种方式势 必大大增加前端开发人员的工作量，还会造成网页代码不易维护，同时也不 利于数据图表在多个页面上的反复使用和修改。

发明内容

本发明解决的问题是提供了一种数据图表订阅方法及数据图表订阅系 统，便于在Web页面中快速简洁地新增和修改数据图表。

为解决上述问题，本发明实施例提供了一种数据图表订阅方法，包括：

Web页面加载有订阅客户端，根据预渲染的数据图表的uuid向订阅客户端 发送数据图表订阅请求；

订阅客户端向订阅服务器发送图表后台数据请求；

订阅服务器利用数据图表的uuid查找数据图表的后台数据并返回给订阅 客户端；

订阅客户端将数据图表渲染到Web页面。

可选的，所述数据图表订阅请求中包括需要渲染数据报表的DIV容器对 应的DOM对象和需要渲染的数据图表的uuid。

可选的，利用DOM对象，订阅客户端将数据图表渲染到Web页面指定的 DIV容器。

可选的，利用jQuery选择器定位需要渲染数据图表的DIV容器。

可选的，还包括：在Web页面加载订阅客户端，所述订阅客户端作为一个 组件在浏览器被调用执行。

可选的，所述数据图表的后台数据包括：图表类型、图表标题、图表副 标题、X轴分类、Y轴标题、序列数据。

可选的，采用Highcharts技术将数据图表渲染到Web页面

本发明实施例还提供了一种数据图表订阅系统，包括：

订阅客户端，用于接收所述Web页面发送的数据图表订阅请求，所述数 据图表订阅请求具有预渲染的数据图表的uuid，然后向订阅服务器发送图表 后台数据请求；当订阅客户端接收订阅服务器发出的数据图表的后台数据， 将数据图表渲染到Web页面；

订阅服务器，用于接收所述订阅客户端发起的图表后台数据请求，根据 所述图表后台数据请求中包含的uuid，在订阅数据库中查找该uuid对应的数 据图表的后台数据，发送数据图表的后台数据给订阅客户端；

订阅数据库，包含数据图表的uuid和数据图表的后台数据的对应关系。

可选的，所述订阅客户端包括：

第一接收单元，用于接收所述Web页面发出的数据图表订阅请求，并且 从所述请求中提取所述数据图表的uuid；

第一发送单元，用于向订阅服务器发送图表后台数据请求，所述图表后 台数据请求中包含所述数据图表的uuid；

渲染单元，用于接收所述订阅服务器根据图表后台数据请求发出的响应 信息，从所述响应信息中提取所述数据图表的后台数据，根据所述后台数据 将所述数据图表渲染到所述DIV容器中，从而完成数据图表的订阅。

可选的，所述订阅服务器装置，包括：

第二接收单元，用于接收所述订阅服务器的第一发送单元发出的图表后 台数据请求，并从所述图表后台数据请求中提取所述数据图表的uuid；