一种基于大数据的可视化实现方法与流程

文档序号:12121648阅读:607来源:国知局

本发明涉及WEB开发技术领域,尤其涉及一种基于大数据的可视化实现方法。



背景技术:

随着大数据应用时代的到来,数据不仅量大、种类多、要求实时性强,而且数据所蕴藏的价值重大。在各行各业均存在大数据,但是众多的信息和咨询是纷繁复杂的,仅通过数据分析我们难以分析、归纳并总结出其深层的规律。因此如何挖掘出大数据的价值成为我们的研究重点。图形作为人类最易接受和理解的一种方式自然而然的和数据结合起来,从而形成了数据可视化这样一种新的研究领域,也对数据的展示提供了一种全新的方式。

在实现本发明的过程中,主要发现已有可视化实现方式至少存在以下缺陷:1)在获取数据的过程中直接通过组装sql语句查询物理表,导致信息泄漏,安全性较低;2)页面的制作过程没有区分定义期和运行期,并且过于依赖图表设计工具;3)不支持图表的二次查询;4)不支持用户自定义图表布局方式。



技术实现要素:

为了解决该问题,本发明提出了一种基于大数据的可视化实现方法。旨在通过简单的交互操作完成数据可视化页面的快速制作。

本发明中主要提出以下内容:(1)提出了后台对接OData标准协议的数据服务,提高了安全性,通用性。其中OData(Open Data Protocol,简称OData)标准协议,也称为开放数据协议,是一种描述如何创建和访问Restful服务的OASIS标准。(2)将数据的可视化展现过程分为两个步骤:定义期和运行期。其中定义期主要实现页面的制作和数据的绑定;运行期则主要实现数据的二次查询和分享查看。(3)提供多种布局方式供用户选择,也可通过布局嵌套的方式实现用户对图表布局的自定义。

本发明的技术方案是

一种基于大数据的可视化实现方法,主要涉及到定义期和运行期两个过程,其中,在定义期实现页面制作和数据绑定,其中主要采用拖拽的交互方式完成页面制作,整个过程主要包括页面布局、图表选择、查询框组件的配置;对于数据绑定则主要完成数据和图表的绑定;对于运行期,则主要完成图表的二次查询和共享查看。

其中:

1)定义期

该步骤主要实现页面制作和数据绑定;其中页面制作主要包括页面布局、图表选择及查询框等组件的设计与配置;其具体的实现步骤如下:

步骤一:首先拖拽合适的组件target进入仪表盘设计页面,并获取拖拽组件的类型,如layoutType="col",本发明提供的组件类型主要有布局组件、图表组件、文本框、查询框等;

步骤二:获取目标组件target的放置位置,首先根据jquery-ui自带的placeholder属性,获取placeholder所在位置的前一个兄弟节点或者后一个兄弟节点dropSibDom,最后将该组件target放至兄弟节点dropSibDom的后面或者前面;

步骤三:根据拖拽组件的类型layoutType判断是否支持递归拖拽,即是否支持组件之间的相互嵌套,若为列布局或者tab页布局则支持嵌套,并将该组件作为下一次拖拽目标的容器。反之,则将仪表盘设计页面作为组件容器。确定目标放置容器后返回第一步并重复执行上述步骤,直至完成整个页面的制作;

对于数据绑定,主要是包括以下步骤:

步骤一:通过点击的交互方式选择要绑定数据的图表;

步骤二:获取基于OData协议的数据服务列表,选择要展现的数据服务,并发送请求至后端,从而获取元数据描述信息(字段信息);

步骤三:选择不同类型的数据,这里主要分为两种类型:字符型(维度)和数据型(度量);

步骤四:根据选择的数据生成基于OData协议的URL请求路径,并发送请求至后端,转化为相应的sql语句,最终完成数据的请求;

步骤五:根据后端返回的数据,通过js、jquery、arttemplate等技术完成图表和数据的绑定;

2)运行期

主要完成图表的二次查询和共享查看;对于图表的二次查询,其实现步骤为:

步骤一:用户输入要查询内容,然后系统自动拼接成基于ODada协议的URL,发送请求至后端,完成数据的再次查询;

步骤二:根据定义期查询组件和图表的对应关系,对相应的图表进行更新,从而完成数据的二次挖掘。

所述定义期中步骤二获取目标位置的具体实现方法如下所示:

(2-1)获取目标放置位置前一个兄弟节点dropBeforeDom:

(2-2)将目标组件target放至兄弟节点dropSibDom的后面,具体的代码如下所示:

最终完成拖拽目标的放置。

所述数据绑定步骤二获取元数据描述信息的具体实现方式为:

(3-1)获取基于Odata协议的数据服务列表;

(3-2)选择要展现的数据服务;

(3-3)根据选择的数据服务的URL的不同,分别采取不同的方式来获取元数据描述:首先基于元数据的,需要将URL转化为相应的sql语句,然后查询物理表,从而获取元数据描述信息;基于数据模型的服务,则直接根据OData自带的接口来获取物理表中的元数据信息;

(3-4)根据元数据描述信息中数据类型的不同,分别将数据划分至维度和度量区域中,其中字符类型的对应维度,数据类型的对应度量。

所述数据绑定步骤五完成图表绘制的具体过程如下所示:

(4-1)数据预处理:对于后台返回的数据根据图表类型的不同,分别将其转化为图表所需要的数据格式;

(4-2)数据校验:判断所获取数据中是否含有非法字符,如对于柱状图,判断所选择度量中的数据是否含有字符类型的,若有则提示用户数据错误,反之则继续下一步;

(4-3)数据展现:将格式化后的数据传入图表绘制接口中,最终完成图表的绘制,实现数据的可视化展现。

本发明的有益效果是

本发明支持多种图表布局方式:列布局、tab页布局及ifame布局,同时支持布局之间相互嵌套,从而实现了页面设计的多样化;

本发明所提出的定义期和运行期,使页面制作和页面的查看功能相互独立,避免了对设计器的过度依赖。

本发明所提出的后台对接OData协议,不仅提高了信息的安全性,而且提高了其通用性,使其支持结构化和非结构化多种数据来源。

本发明支持数据二次筛选,实现对数据的深度挖掘分析。

本发明中提供的分享功能支持用户远程查看已配置完成的仪表盘,且该功能仅需要在浏览器存在的情况下便可对其进行远程查看,避免了软件的安装,从而给用户提供极大的便利。

支持从数据到前端图表样式设计、数据绑定等全程可视化在线零代码编辑。

附图说明

图1是本发明的工作流程示意图。

具体实施方式

下面对本发明的内容进行更加详细的阐述:

本发明提供的一种大数据的可视化实现方式,主要涉及到定义期和运行期两个过程,具体的实现方法如下所示:

1、定义期

该步骤主要实现页面制作和数据绑定。其中页面制作主要包括页面布局、图表选择及查询框等组件的设计与配置。其具体的实现步骤如下所示:

步骤一:首先拖拽合适的组件target进入仪表盘设计页面,并获取拖拽组件的类型,如layoutType="col",本发明提供的组件类型主要有布局组件、图表组件、文本框、查询框等;

步骤二:获取目标组件target的放置位置,首先根据jquery-ui自带的placeholder属性,获取placeholder所在位置的前一个兄弟节点或者后一个兄弟节点dropSibDom,最后将该组件target放至兄弟节点dropSibDom的后面或者前面;

步骤三:根据拖拽组件的类型layoutType判断是否支持递归拖拽,即是否支持组件之间的相互嵌套,若为列布局或者tab页布局则支持嵌套,并将该组件作为下一次拖拽目标的容器。反之,则将仪表盘设计页面作为组件容器。确定目标放置容器后返回第一步并重复执行上述步骤,直至完成整个页面的制作。

所述步骤二获取目标位置的具体实现方法如下所示:

(2-1)获取目标放置位置前一个兄弟节点dropBeforeDom:

(2-2)将目标组件target放至兄弟节点dropSibDom的后面,具体的代码如下所示:

最终完成拖拽目标的放置。

对于数据绑定,主要是包括以下步骤:

步骤一:通过点击的交互方式选择要绑定数据的图表;

步骤二:获取基于OData协议的数据服务列表,选择要展现的数据服务,并发送请求至后端,从而获取元数据描述信息(字段信息);

步骤三:选择不同类型的数据,这里主要分为两种类型:字符型(维度)和数据型(度量);

步骤四:根据选择的数据生成基于OData协议的URL请求路径,并发送请求至后端,转化为相应的sql语句,最终完成数据的请求;

步骤五:根据后端返回的数据,通过js、jquery、arttemplate等技术完成图表和数据的绑定。

所述步骤二获取元数据描述信息的具体实现方式为:

(3-1)获取基于Odata协议的数据服务列表;

(3-2)选择要展现的数据服务;

(3-3)根据选择的数据服务的URL的不同,分别采取不同的方式来获取元数据描述:首先基于元数据的,需要将URL转化为相应的sql语句,然后查询物理表,从而获取元数据描述信息;基于数据模型的服务,则直接根据OData自带的接口来获取物理表中的元数据信息。

(3-4)根据元数据描述信息中数据类型的不同,分别将数据划分至维度和度量区域中,其中字符类型的对应维度,数据类型的对应度量。

所述步骤五完成图表绘制的具体过程如下所示:

(4-1)数据预处理:对于后台返回的数据根据图表类型的不同,分别将其转化为图表所需要的数据格式;

(4-2)数据校验:判断所获取数据中是否含有非法字符,如对于柱状图,判断所选择度量中的数据是否含有字符类型的,若有则提示用户数据错误,反之则继续下一步;

(4-3)数据展现:将格式化后的数据传入图表绘制接口中,最终完成图表的绘制,实现数据的可视化展现。

以上内容主要对定义期进行了详细介绍,接下来对运行期进行介绍:

运行期主要完成图表的二次查询和共享查看。对于图表的二次查询,其实现步骤为:

步骤一:用户输入要查询内容,然后系统自动拼接成基于ODada协议的URL,发送请求至后端,完成数据的再次查询;

步骤二:根据定义期查询组件和图表的对应关系,对相应的图表进行更新,从而完成数据的二次挖掘。

如图1所示,用户可先完成图表布局的设计,然后选择合适的图表进入图表展示区域,并为其配置相应的数据源,配置完后可通过预览页面对用户设计的效果进行查看,若效果不够完善,用户可返回第一步对其进行重新部署。最终用户可对其进行保存分享,从而保证了仪表盘的在线共享。由上图可看出,该发明支持用户以拖拽的交互方式对图表进行重复部署,从而对已完成的仪表盘进一步完善,既可实现图表布局的重新部署,也可对图表及数据的绑定进行重新配置。

对于共享查看,该发明则提供URL的共享方式供用户进行查看,该功能仅需要在浏览器存在的情况下便可对其进行远程查看,避免了软件的安装,从而给用户提供极大的便利。

用户也可通过简单的拖拽完成数据统计分析页面的绘制,从而极大地缩减了项目的开发成本。因此本发明不仅适用于业务人员进行数据分析构建数据模型,也适用于开发人员进行数据展示页面开发的制作。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1