CN115952232A - 一种云数据可视化方法、装置、终端及存储介质 - Google Patents

Abstract

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

Description

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

技术领域

本申请涉及数据可视化的技术领域，尤其是涉及一种云数据可视化方法、装置、终端机存储介质。

背景技术

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

在现有的数据可视化技术中，现有的数据可视化大多展示在图表与数据仪表盘上，虽然能够直观地显示展示内容，但是不能通过简单的方式实现可视化布局。

发明内容

本申请的目的是提供一种可以通过简单的方式即可实现可视化布局的云数据可视化方法、装置、终端及存储介质。

第一方面，本申请提供的一种云数据可视化方法，采用如下的技术方案：

一种云数据可视化方法，包括：

根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句；

根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面；

通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。

通过采用上述技术方案，通过配置管理读取编辑器配置的数据配置和布局样式配置来获取页面布局、样式、数据查询语句等参数，再通过连接组件库和数据中心渲染出前端页面，然后通过应用管理与编辑器实现每个可视化应用的各项参数的快速增删改查；从而通过拽找的方式即可实现灵活的可视化布局。

可选的，所述根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句，具体包括：

将SQL查询字符串和数据库ID加密后传到每个可视化应用；

每个可视化应用连接数据库将查询后的结果返回到Gisway-3D的页面中，得到所述页面布局、样式与数据查询语句。

通过采用上述技术方案，将SQL查询字符串和数据库ID加密后传到每个可视化应用，然后每个可视化应用连接数据库将查询后的结果返回到Gisway-3D的页面中，进而得到页面布局、样式与数据查询语句；从而，能够接入多种数据库，且支持动态请求，满足各类大数据实时计算与监控的需求，充分发挥大数据的计算能力。

可选的，所述根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面，具体包括：

解析所述页面布局、样式与数据查询语句，得到数据元素修饰和事件修饰，深拷贝其中的属性值和事件数据渲染出所述前端页面。

通过采用上述技术方案，通过解析页面布局、样式与数据查询语句，可以得到数据元素修饰和事件修饰，进而深拷贝其中的属性值和事件数据即可快捷方便地渲染出前端页面。

可选的，还包括：

确定浏览器页面中需要全屏展示的数据可视化页面元素，所述数据可视化页面元素为利用数据可视化方法得到且作为浏览器页面中的页面元素所展示的信息，所述浏览器页面包括页面头部区和页面显示区；

将所述数据可视化页面元素的原页面样式更改为满铺模式；

利用浏览器内核中的全屏显示方法隐藏所述页面头部区；

将所述页面显示区全屏化，并根据所述满铺模式实现所述数据可视化页面元素的全屏展示。

通过采用上述技术方案，将数据可视化页面元素的原页面样式修改为满铺模式，利用浏览器内核中全屏显示方法隐藏页面头部区，触发页面显示区占满整个显示屏幕，进而使得数据可视化页面元素全屏化；从而实现了数据可视化页面元素的全屏化，其显示更为醒目突出，极大地满足了用户的浏览需求，提高用户体验。

可选的，所述利用浏览器内核中的全屏显示方法隐藏页面头部区，具体包括：

获取浏览器的内核类型；

根据所述浏览器的内核类型调用相应的浏览器内核中的全屏显示方法；

执行所述全屏显示方法以隐藏页面头部区。

通过采用上述技术方案，先获取浏览器的内核类型，并根据内核类型调用相应的浏览器内核中的全屏显示方法，进而执行全屏显示方法以隐藏页面头部区；从而可以适应不同浏览器内核的类型，并能够使方案被不同的浏览器兼容，实现方案的无差化。

第二方面，本申请提供的一种云数据可视化装置，采用如下的技术方案：

一种云数据可视化装置，包括：

获取模块，用于根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句；

渲染模块，用于根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面；

执行模块，用于通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。

通过采用上述技术方案，通过获取模块获取配置管理读取编辑器的数据配置和布局样式配置，并通过预设的数据代理协议得到页面布局、样式与数据查询语句，通过渲染模块根据页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面，通过执行模块根据应用管理与编辑器实现每个可视化应用的各项参数的增删改查；从而通过拽找的方式即可实现灵活的可视化布局。

第三方面，本申请提供的一种计算机终端，采用如下的技术方案：

一种计算机终端，包括存储器、处理器及存储在所述存储器中并能够在所述处理器上运行的计算机程序，所述处理器加载所述计算机程序时，执行第一方面的方法。

通过采用上述技术方案，根据第一方面的方法生成计算机程序，并存储在存储器中，以被处理器加载执行，从而根据存储器与处理器制作终端，方便使用。

第四方面，本申请提供的一种计算机可读存储介质，采用如下的技术方案：

一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器加载时，执行第一方面的方法。

通过采用上述技术方案，根据第一方面的方法生成计算机程序，并存储在计算机可读存储介质中，以被处理器加载并执行，通过计算机可读存储介质，方便计算机程序的可读及存储。

附图说明

图1是本申请实施例的应用场景示意图；

图2是本申请的步骤S100-S300的方法流程图；

图3是本申请的步骤S110-S120的方法流程图；

图4是本申请的步骤S400-S700的方法流程图；

图5是本申请的步骤S610-S630的方法流程图；

图6是本申请的云数据可视化装置的模块框架图。

图中，1、获取模块；2、渲染模块；3、执行模块。

具体实施方式

以下结合附图1-附图6，对本申请作进一步详细说明。

3D可视化技术旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用。提供丰富的可视化模板，满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

相比于传统图表与数据仪表盘，如今的数据可视化致力于用更生动、更友好的形式，即时呈现隐藏在瞬息万变且庞杂数据背后的业务洞察。

3D可视化技术实现多数据源配置管理及数据接入应用，为数据分析提供多源数据的灵活配置，实现分析数据库、关系型数据库、RestfulAPI、CSV、静态JSON等多种数据来源接入，且支持动态请求，可以选择数据源的不同字段，也可以对数据源做相应的转换、逻辑判断、映射等处理，实现大数据实时计算、监控的需求。

参照图1，为本申请实施例的应用场景示意图，该场景包括服务器端、客户端与显示屏幕，其中，服务器端提供服务数据，客户端根据提供的服务数据进行计算，将计算结果转换成视觉表现形式，并通过浏览器在显示屏幕中展示出来。此处的显示屏幕实际上是作为客户端一侧的输出装置，比如是在某个交易中心大厅的大屏幕显示器，

本申请公开一种数据可视化方法，参照图2，包括如下步骤：

S100：根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句。

具体地，在本申请的一个实施例中，参照图3，步骤S100包括：

S110：将SQL查询字符串和数据库ID加密后传到每个可视化应用。

S120：每个可视化应用连接数据库将查询后的结果返回到Gisway-3D的页面中，得到页面布局、样式与数据查询语句。

其中，3D可视化技术增加了新的数据代理协议，旨在提供更安全的数据查询，且能够接入包括分析型数据库、关系型数据库、本地CSV上传和在线API的接入，且支持动态请求。满足各类大数据实时计算、监控的需求，充分发挥大数据计算的能力。

S200：根据页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面。

具体地，在本申请的一个实施例中，步骤S200包括：解析页面布局、样式与数据查询语句，得到数据元素修饰和事件修饰，深拷贝其中的属性值和事件数据渲染出前端页面。

S300：通过应用管理与编辑器实现每个可视化应用各项参数的增删改查。

具体地，在本申请的一个实施例中，通过拽找即可实现灵活的可视化布局，无需编程能力，即可创造出专业的可视化应用。

其中，以WebGL技术作为支撑，能够绘制海量数据下的地理轨迹、飞线、热力、区块、3D地图/地球，支持多层叠加和自由搭配。创建的可视化应用能够发布分享，并能够通过URL参数控制数据变量，让不同的用户看到不同的数据页面。

其中，在本申请的一个实施例中，参照图4，本申请的云数据可视化方法还可以包括如下步骤：

S400：确定浏览器页面中需要全屏展示的数据可视化页面元素，数据可视化页面元素为利用数据可视化方法得到且作为浏览器页面中的页面元素所展示的信息，浏览器页面包括页面头部区和页面显示区。

其中，显示屏幕包括边缘外框和显示部分，在主要浏览器页面通常包括页面头部区和页面显示区。具体地，页面头部区是指浏览器页面顶部显示的区域，例如：标题栏、地址栏、菜单栏与收藏夹栏等，属于浏览器页面中固有的功能控制部分。页面显示区是指需要提供给用户浏览的与数据内容相关的部分。在不同的浏览器页面中，显示的页面头部区通常是相同的，而页面显示区的内容则通常是不同的。

S500：将数据可视化页面元素的原页面样式更改为满铺模式。

其中，在本申请的一个实施例中，在创建浏览器页面元素的过程中，可以设置页面元素的页面样式。页面样式是指页面元素呈现的外观描述，例如：规定了如何在页面中布局。

其中，为了后续将数据可视化页面元素进行全屏化展示，此处先将其页面样式设置为满铺模式，在本申请的一个实施例中，满铺模式是指占满整个页面显示区域的模式。

S600：利用浏览器内核中的全屏显示方法隐藏页面头部区。

具体地，在本申请的一个实施例中，参照图5，步骤S600包括：

S610：获取浏览器的内核类型；

S620：根据浏览器的内核类型调用相应的浏览器内核中的全屏显示方法；

S630：执行全屏显示方法以隐藏页面头部区。

S700：将页面显示区全屏化，并根据满铺模式实现数据可视化页面元素的全屏展示。

其中，通过本申请的步骤S400-S700的设置，可以将数据可视化页面元素全屏化，由于利用浏览器内核中的全屏显示方法将页面头部区进行了隐藏，此将自动触发页面显示区占满整个显示屏幕。由于已经将数据可视化页面元素的原页面样式修改为满铺模式，占满了整个页面显示区，进而在页面显示区全屏化时，数据可视化页面元素也会随之全屏化。由于数据可视化页面元素实现了全屏化，在整个显示屏幕中全屏展示，从而更为突出醒目，满足了公众场所用户的浏览需求，提高了用户体验。

本申请实施例的实施原理为：首先根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设的数据代理协议得到页面布局、样式与数据查询语句，然后根据页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面，最终通过应用管理与编辑器实现每个可视化应用各项参数的增删改查；从而通过拽找即可实现灵活的可视化布局。

本申请还公开一种云数据可视化装置，参照图6，该云数据可视化装置包括获取模块1、渲染模块2与执行模块3。在本申请的一个实施例中，获取模块1用于根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句；渲染模块2用于根据页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面；执行模块3用于通过应用管理与编辑器实现每个可视化应用各项参数的增删改查。

其中，本实施例的云数据可视化装置的具体使用方式与上述实施例的云数据可视化方法相同，故在此不再赘述。

本申请实施例公开一种计算机终端，包括存储器、处理器及存储在存储器中并能够在处理器上运行的计算机程序，其中，处理器加载计算机程序时，执行上述实施例的云数据可视化方法。

其中，计算机终端可以采用台式电脑、笔记本电脑或者云端服务器等，并且，计算机终端包括但不限于处理器以及存储器，例如，计算机终端还可以包括输入输出设备、网络接入设备以及总线等。

其中，处理器可以采用中央处理单元（CPU），当然，根据实际的使用情况，也可以采用其他通用处理器、数字信号处理器（DSP）、专用集成电路（ASIC）、现成可编程门阵列（FPGA）或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等，通用处理器可以采用微处理器或者任何常规的处理器等，本申请对此不做限制。

其中，存储器可以为计算机终端的内部存储单元，例如，计算机终端的硬盘或者内存，也可以为计算机终端的外部存储设备，例如，计算机终端上配备的插接式硬盘、智能存储卡（SMC）、安全数字卡（SD）或者闪存卡（FC）等，并且，存储器还可以为计算机终端的内部存储单元与外部存储设备的组合，存储器用于存储计算机程序以及服务器所需的其他程序和数据，存储器还可以用于暂时地存储已经输出或者将要输出的数据，本申请对此不做限制。

其中，通过本终端，将上述实施例的云数据可视化方法存储于服务器的存储器中，并且，被加载并执行于终端的处理器上，以方便使用。

本申请实施例公开一种计算机可读存储介质，并且，计算机可读存储介质中存储有计算机程序，其中，计算机程序被处理器加载时，执行上述实施例的云数据可视化方法。

其中，计算机程序可以存储于计算机可读存储介质中，计算机程序包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间件形式等，计算机可读介质包括能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器（ROM）、随机存取存储器（RAM）、电载波信号、电信信号以及软件分发介质等，需要说明的是，计算机可读介质包括但不限于上述元器件。

其中，通过本计算机可读存储介质，将上述实施例的云数据可视化方法存储于计算机可读存储介质中，并且，被加载并执行于处理器上，以方便上述实施例的云数据可视化方法的存储及应用。

本具体实施方式的实施例均为本申请的较佳实施例，并非依此限制本申请的保护范围，其中相同的零部件用相同的附图标记表示。故：凡依本申请的结构、形状、原理所做的等效变化，均应涵盖于本申请的保护范围之内。

Claims (8)

1.一种云数据可视化方法，其特征在于，包括：

根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句；

根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面；

通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。

2.根据权利要求1所述的云数据可视化方法，其特征在于，所述根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句，具体包括：

将SQL查询字符串和数据库ID加密后传到每个可视化应用；

每个可视化应用连接数据库将查询后的结果返回到Gisway-3D的页面中，得到所述页面布局、样式与数据查询语句。

3.根据权利要求1所述的云数据可视化方法，其特征在于，所述根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面，具体包括：

解析所述页面布局、样式与数据查询语句，得到数据元素修饰和事件修饰，深拷贝其中的属性值和事件数据渲染出所述前端页面。

4.根据权利要求1所述的云数据可视化方法，其特征在于，还包括：

确定浏览器页面中需要全屏展示的数据可视化页面元素，所述数据可视化页面元素为利用数据可视化方法得到且作为浏览器页面中的页面元素所展示的信息，所述浏览器页面包括页面头部区和页面显示区；

将所述数据可视化页面元素的原页面样式更改为满铺模式；

利用浏览器内核中的全屏显示方法隐藏所述页面头部区；

将所述页面显示区全屏化，并根据所述满铺模式实现所述数据可视化页面元素的全屏展示。

5.根据权利要求4所述的云数据可视化方法，其特征在于，所述利用浏览器内核中的全屏显示方法隐藏页面头部区，具体包括：

获取浏览器的内核类型；

根据所述浏览器的内核类型调用相应的浏览器内核中的全屏显示方法；

执行所述全屏显示方法以隐藏页面头部区。

6.一种云数据可视化装置，其特征在于，包括：

获取模块（1），用于根据配置管理读取编辑器的数据配置和布局样式配置，并通过预设数据代理协议得到页面布局、样式与数据查询语句；

渲染模块（2），用于根据所述页面布局、样式与数据查询语句通过连接组件库和数据中心渲染出前端页面；

执行模块（3），用于通过应用管理与所述编辑器实现每个可视化应用各项参数的增删改查。

7.一种计算机终端，包括存储器、处理器及存储在所述存储器中并能够在所述处理器上运行的计算机程序，其特征在于，所述处理器加载所述计算机程序时，执行权利要求1-5中任一项所述的方法。

8.一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其特征在于，所述计算机程序被处理器加载时，执行权利要求1-5中任一项所述的方法。

Images