一种云数据可视化方法、装置、终端及存储介质制造方法及图纸

技术编号:37183693 阅读:10 留言:0更新日期:2023-04-20 22:48
本申请涉及一种云数据可视化方法、装置、终端及存储介质,涉及数据可视化的技术领域,该方法包括:根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句;根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面;通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。本申请具有通过拽找的方式即可实现灵活的可视化布局的效果。可视化布局的效果。可视化布局的效果。

【技术实现步骤摘要】
一种云数据可视化方法、装置、终端及存储介质


[0001]本申请涉及数据可视化的
,尤其是涉及一种云数据可视化方法、装置、终端机存储介质。

技术介绍

[0002]随着信息技术的发展,服务方通常会统计大量的数据,并将统计结果展示出来,为用户提供感兴趣或有价值的信息。数据可视化技术是关于数据视觉表现形式的技术,允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。在实际应用中,可以将数据保存在服务器端,客户端将数据的计算结果通过转换成视觉表现形式,并通过浏览页面展示出来。这些通过浏览器页面展示出来的具有视觉表现形式的数据,也属于浏览器页面的页面元素。这些页面元素也可以称为数据可视化页面元素。
[0003]在现有的数据可视化技术中,现有的数据可视化大多展示在图表与数据仪表盘上,虽然能够直观地显示展示内容,但是不能通过简单的方式实现可视化布局。

技术实现思路

[0004]本申请的目的是提供一种可以通过简单的方式即可实现可视化布局的云数据可视化方法、装置、终端及存储介质。
[0005]第一方面,本申请提供的一种云数据可视化方法,采用如下的技术方案:一种云数据可视化方法,包括:根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句;根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面;通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。
[0006]通过采用上述技术方案,通过配置管理读取编辑器配置的数据配置和布局样式配置来获取页面布局、样式、数据查询语句等参数,再通过连接组件库和数据中心渲染出前端页面,然后通过应用管理与编辑器实现每个可视化应用的各项参数的快速增删改查;从而通过拽找的方式即可实现灵活的可视化布局。
[0007]可选的,所述根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句,具体包括:将SQL查询字符串和数据库ID加密后传到每个可视化应用;每个可视化应用连接数据库将查询后的结果返回到Gisway

3D的页面中,得到所述页面布局、样式与数据查询语句。
[0008]通过采用上述技术方案,将SQL查询字符串和数据库ID加密后传到每个可视化应用,然后每个可视化应用连接数据库将查询后的结果返回到Gisway

3D的页面中,进而得到
页面布局、样式与数据查询语句;从而,能够接入多种数据库,且支持动态请求,满足各类大数据实时计算与监控的需求,充分发挥大数据的计算能力。
[0009]可选的,所述根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面,具体包括:解析所述页面布局、样式与数据查询语句,得到数据元素修饰和事件修饰,深拷贝其中的属性值和事件数据渲染出所述前端页面。
[0010]通过采用上述技术方案,通过解析页面布局、样式与数据查询语句,可以得到数据元素修饰和事件修饰,进而深拷贝其中的属性值和事件数据即可快捷方便地渲染出前端页面。
[0011]可选的,还包括:确定浏览器页面中需要全屏展示的数据可视化页面元素,所述数据可视化页面元素为利用数据可视化方法得到且作为浏览器页面中的页面元素所展示的信息,所述浏览器页面包括页面头部区和页面显示区;将所述数据可视化页面元素的原页面样式更改为满铺模式;利用浏览器内核中的全屏显示方法隐藏所述页面头部区;将所述页面显示区全屏化,并根据所述满铺模式实现所述数据可视化页面元素的全屏展示。
[0012]通过采用上述技术方案,将数据可视化页面元素的原页面样式修改为满铺模式,利用浏览器内核中全屏显示方法隐藏页面头部区,触发页面显示区占满整个显示屏幕,进而使得数据可视化页面元素全屏化;从而实现了数据可视化页面元素的全屏化,其显示更为醒目突出,极大地满足了用户的浏览需求,提高用户体验。
[0013]可选的,所述利用浏览器内核中的全屏显示方法隐藏页面头部区,具体包括:获取浏览器的内核类型;根据所述浏览器的内核类型调用相应的浏览器内核中的全屏显示方法;执行所述全屏显示方法以隐藏页面头部区。
[0014]通过采用上述技术方案,先获取浏览器的内核类型,并根据内核类型调用相应的浏览器内核中的全屏显示方法,进而执行全屏显示方法以隐藏页面头部区;从而可以适应不同浏览器内核的类型,并能够使方案被不同的浏览器兼容,实现方案的无差化。
[0015]第二方面,本申请提供的一种云数据可视化装置,采用如下的技术方案:一种云数据可视化装置,包括:获取模块,用于根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句;渲染模块,用于根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面;执行模块,用于通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。
[0016]通过采用上述技术方案,通过获取模块获取配置管理读取编辑器的数据配置和布局样式配置,并通过预设的数据代理协议得到页面布局、样式与数据查询语句,通过渲染模块根据页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面,通过
执行模块根据应用管理与编辑器实现每个可视化应用的各项参数的增删改查;从而通过拽找的方式即可实现灵活的可视化布局。
[0017]第三方面,本申请提供的一种计算机终端,采用如下的技术方案:一种计算机终端,包括存储器、处理器及存储在所述存储器中并能够在所述处理器上运行的计算机程序,所述处理器加载所述计算机程序时,执行第一方面的方法。
[0018]通过采用上述技术方案,根据第一方面的方法生成计算机程序,并存储在存储器中,以被处理器加载执行,从而根据存储器与处理器制作终端,方便使用。
[0019]第四方面,本申请提供的一种计算机可读存储介质,采用如下的技术方案:一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,所述计算机程序被处理器加载时,执行第一方面的方法。
[0020]通过采用上述技术方案,根据第一方面的方法生成计算机程序,并存储在计算机可读存储介质中,以被处理器加载并执行,通过计算机可读存储介质,方便计算机程序的可读及存储。
附图说明
[0021]图1是本申请实施例的应用场景示意图;图2是本申请的步骤S100

S300的方法流程图;图3是本申请的步骤S110

S120的方法流程图;图4是本申请的步骤S400

S700的方法流程图;图5是本申请的步骤S610

S630的方法流程图;图6是本申请的云数据可视化装置的模块框架图。
[0022]图中,1、获取模块;2、渲染模块;3、执行模块。
具体实施方式
[0023]以下结合附图1

附图6,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种云数据可视化方法,其特征在于,包括:根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句;根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面;通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。2.根据权利要求1所述的云数据可视化方法,其特征在于,所述根据配置管理读取编辑器的数据配置和布局样式配置,并通过预设数据代理协议得到页面布局、样式与数据查询语句,具体包括:将SQL查询字符串和数据库ID加密后传到每个可视化应用;每个可视化应用连接数据库将查询后的结果返回到Gisway

3D的页面中,得到所述页面布局、样式与数据查询语句。3.根据权利要求1所述的云数据可视化方法,其特征在于,所述根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面,具体包括:解析所述页面布局、样式与数据查询语句,得到数据元素修饰和事件修饰,深拷贝其中的属性值和事件数据渲染出所述前端页面。4.根据权利要求1所述的云数据可视化方法,其特征在于,还包括:确定浏览器页面中需要全屏展示的数据可视化页面元素,所述数据可视化页面元素为利用数据可视化方法得到且作为浏览器页面中的页面元素所展示的信息,所述浏览器页面包括页面头部区和页面显示区;将所述数据可...

【专利技术属性】
技术研发人员:张筵张辉贺洁薄建涛闫伟
申请(专利权)人:山西信息规划设计院有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1