CN113326314B - 数据可视化方法、装置、电子设备及可读存储介质 - Google Patents

数据可视化方法、装置、电子设备及可读存储介质 Download PDF

Info

Publication number
CN113326314B
CN113326314B CN202110743259.5A CN202110743259A CN113326314B CN 113326314 B CN113326314 B CN 113326314B CN 202110743259 A CN202110743259 A CN 202110743259A CN 113326314 B CN113326314 B CN 113326314B
Authority
CN
China
Prior art keywords
chart
data
database
generating
user
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.)
Active
Application number
CN202110743259.5A
Other languages
English (en)
Other versions
CN113326314A (zh
Inventor
林文发
李福宇
高宏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Merchants Finance Technology Co Ltd
Original Assignee
China Merchants Finance Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Merchants Finance Technology Co Ltd filed Critical China Merchants Finance Technology Co Ltd
Priority to CN202110743259.5A priority Critical patent/CN113326314B/zh
Publication of CN113326314A publication Critical patent/CN113326314A/zh
Application granted granted Critical
Publication of CN113326314B publication Critical patent/CN113326314B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/26—Visual data mining; Browsing structured data
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22—Indexing; Data structures therefor; Storage structures
    • G06F16/2228—Indexing structures
    • G06F16/2246—Trees, e.g. B+trees
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22—Indexing; Data structures therefor; Storage structures
    • G06F16/2282—Tablespace storage structures; Management thereof
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/28—Databases characterised by their database models, e.g. relational or object models
    • G06F16/284—Relational databases
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/28—Databases characterised by their database models, e.g. relational or object models
    • G06F16/284—Relational databases
    • G06F16/285—Clustering or classification
    • G06F16/287—Visualization; Browsing

Landscapes

  • Engineering & Computer Science (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)
  • Software Systems (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及开发技术，揭露一种数据可视化方法，包括：当接收到用户触发的生成图表指令时，根据生成图表指令生成数据库语言；利用预构的数据库连接池根据数据库语言生成抽象语法树，遍历抽象语法树的数据，得到遍历数据；将遍历数据进行可视化处理，生成图表；通过整体布局栅格化方法实时侦测用户基于所述图表的轨迹参数；根据轨迹参数对图表进行形状变换或位置变换，得到目标图表。本发明还提出一种数据可视化装置、电子设备以及存储介质。本发明可以提高图表显示的实时性。

Description

数据可视化方法、装置、电子设备及可读存储介质
技术领域
本发明涉及开发领域，尤其涉及一种数据可视化方法、装置、电子设备及可读存储介质。
背景技术
数据可视化可以将多维度、不同类型的数据以可视化图表的形式展示出来，通过实现数据可视化有利于深层次分析和挖掘数据，因此，数据可视化技术在企业中的应用越来越广泛。
但是，目前市场上的数据可视化平台单个模板的图表展示形式单一，所以常常为了强调数据的呈现度而忽略了拖拽绘图引擎的灵敏度，导致可视化延迟。
发明内容
本发明提供一种数据可视化方法、装置、电子设备及计算机可读存储介质，其主要目的是为了提高图表显示的实时性。
为实现上述目的，本发明提供的一种数据可视化方法，包括：
当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据；
将所述遍历数据进行可视化处理，生成图表；
通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；
根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。
可选地，所述通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，包括：
确定多个栅格元素的行列定位和宽高，并按照所述行列定位和宽高将所述图表的相关显示区域拆分成多个栅格元素；
利用所述多个栅格元素的行列定位和宽高获取对所述图表进行拖拽操作时的初始选取位置和移动结束位置；
计算所述初始选取位置与所述移动结束位置的差值；
确定所述初始选取位置、所述移动结束位置以及所述差值为所述用户基于所述图表的轨迹参数。
可选地，所述根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，包括：
根据所述轨迹参数确定所述用户的操作意图，所述操作意图包括形状变换或位置变换；
调用预设的应用程序编程接口连接图形容器，通过所述图形容器对所述图表进行形状变化或位置变化，得到形状变化或位置变化后的目标图表。
可选地，所述利用预构的数据库连接池根据所述数据库语言生成抽象语法树，包括：
利用预构的数据库连接池与目标数据库连接；
在与所述目标数据库连接之后，利用所述数据库语言在所述目标数据库中进行查询，获取所述目标数据库中的表单数据；
将所述表单数据拆分为字符串，根据所述字符串生成抽象语法树。
可选地，所述将所述遍历数据进行可视化处理，生成图表，包括：
从预设的图表指标库中获取与所述遍历数据对应的数据列表；
从所述图表指标库中查找所述数据列表对应的可视化图表类型，根据所述可视化图表类型生成图表。
可选地，所述根据所述可视化图表类型生成图表，包括：
根据所述可视化图表类型，选择可视化图表类型中任意一种类型的初始图表，并配置所述初始图表的图表样式；
将所述遍历数据显示在所述图表样式的所述初始图表中，得到所述图表。
可选地，所述当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言，包括：
显示用户操作界面，接收用户在所述操作界面进行操作所触发的生成图表指令；
根据所述生成图表指令构建数据库语言模块，利用所述数据库语言模块生成数据库语言。
为了解决上述问题，本发明还提供一种数据可视化装置，所述装置包括：
数据库语言生成模块，用于当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
图表生成模块，用于利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据，将所述遍历数据进行可视化处理，生成图表；
图表变换模块，用于通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。
为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：
存储器，存储至少一个计算机程序；及
处理器，执行所述存储器中存储的计算机程序以实现上述所述的数据可视化方法。
为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述所述的数据可视化方法。
本发明实施例根据用户生成图表指令，将所述图表指令进行可视化处理，实现图表自动生成；进一步地，通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，实现用户可以随意选择指标及可视化图表类型、添加和删除指标及随意调整图表大小的需求，实现主动实时分析，通过布局栅格化可以确保精准、灵敏的侦测用户基于图表的轨迹参数，提高图表显示的实时性。因此本发明实施例提出的数据可视化方法、装置、电子设备及可读存储介质可以提高图表显示的实时性。
附图说明
图1为本发明一实施例提供的数据可视化方法的流程示意图；
图2为本发明一实施例提供的数据可视化装置的模块示意图；
图3为本发明一实施例提供的实现数据可视化方法的电子设备的内部结构示意图；
本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
本发明实施例提供一种数据可视化方法。所述数据可视化方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。换言之，所述数据可视化方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端包括但不限于：单台服务器、服务器集群、云端服务器或云端服务器集群等。
参照图1所示的本发明一实施例提供的数据可视化方法的流程示意图，在本发明实施例中，所述数据可视化方法包括：
S1、当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言。
本实施例中，所述生成图表指令是指用户在用户操作界面中通过输入关键字操作触发的指令，或者点击交互按钮触发的指令。
所述数据库语言是一种数据库查询和程序设计语言，主要用于存取数据以及查询、更新和管理关系型数据库***。
详细地，所述当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言，包括：
显示所述用户操作界面，接收用户在所述操作界面进行操作触发的生成图表指令；
根据所述生成图表指令构建数据库语言模块，利用所述数据库语言模块生成数据库语言。
本实施例中，根据所述生成图表指令可以构建数据库语言模块，可以利用数据库语言模块将所述生成图表指令在后端生成数据库语言。
例如，生成图表指令为Table，利用Table指令创建数据库语言模板，利用所述模板将Table与数据库端相连，经过数据库端的参数转化，生成数据库语言Select Table、Create Table和Insert table等等。
较佳地，所述数据库语言可为SQL。
S2、利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据。
本实施例中，所述抽象语法树指的是以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构，所述抽象语法树的主要作用是把所述数据库语言中所要表达的算法与关系体现在具体代码中。
所述遍历数据指的是根据所述用户生成图表指令生成的图表包含的数据。
详细地，所述利用预构的数据库连接池根据所述数据库语言生成抽象语法树，包括：
利用预构的数据库连接池与目标数据库连接；
在与所述目标数据库连接之后，利用所述数据库语言在所述目标数据库中进行查询，获取所述目标数据库中的表单数据；
将所述表单数据拆分为字符串，根据所述字符串生成抽象语法树。
本实施例中，目标数据库是图表中涉及的数据所在的数据库，目标数据库可以为一个或者至少两个。
本实施例中，所述表单数据指的是从目标数据库中查询到的所有表单及表单中的数据。
所述数据库连接池的主要作用是将数据库的连接作为对象存储在内存中，当需要访问数据库时，不需要建立一个新的连接，而是从连接池中取出一个已建立的空闲连接对象，访问终端完毕后，将连接放回连接池中，以供下一个访问终端使用。
较佳地，所述数据库连接池可为Alibaba Druid，数据库连接可通过JDBC来实现，所述数据库语言可对数据库执行Create Table/Insert/Select等操作。
具体地，本实施例中，可以通过SQL数据库语言对目标数据库进行查询操作，得到目标数据库中的表单结构及表中的数据，并将表单结构及表中的数据拆分成字符串，将得到字符串连接成结构化的数据，得到抽象语法树，且根据所述抽象语法树可以精确地知道字符串中包括的所有参数信息。
例如，通过SQL查询数据库，得到学生考勤表，所述学生考勤表可拆成name、number、time等等，所述name包含多个学生姓名，将多个学生姓名与多个学生姓名对应的学号和时间相连，得到抽象语法树。
本实施例中，将所述数据库语言解析为所述抽象语法树这一过程，可以实现数据治理和深度计算，在分析过程中与数据集进行交互,实现动态的数据分析与展示。
进一步地，所述遍历解析所述抽象语法树的数据，得到遍历解析数据，包括：
对所述抽象语法树进行压栈操作，得到表单数据字段，并弹出栈；
循环所述压栈操作，直到所述压栈操作变为空栈；
当所述压栈操作变为所述空栈时，停止循环，并保存所有所述表单数据字段；
将所述表单数据字段转化为遍历数据。
本实施例中，所述栈指的是仅在表尾进行***或删除操作的线性表。不含元素的空表称为空栈。所述表单数据字段指的是所有表单结构及表单中的数据中的字段信息。
S3、将所述遍历解析数据进行可视化处理，生成图表。
详细地，所述将所述遍历解析数据进行可视化处理，生成图表，包括：
从预设的图表指标库中获取与所述遍历数据对应的数据列表；
从所述图表指标库中查找所述数据列表对应的可视化图表类型，根据所述可视化图表类型生成图表。
本实施例中，所述指标库指的是数据可转化为视图的视图样式，且包括所有可视化图表，其中，所述可视化图表的类型可包括但不限于散点图、柱状图、条形图、折线图、饼图、地图，还可以存储用户导入的数据、用户创建的视图图表。
本实施例中，所述指标库包括数据列表和与数据列表对应的可视化图表类型，从而可以从预设的图表指标库中获取与所述遍历数据对应的数据列表以及与数据列表对应的可视化图表类型。
具体的，指标库中包含的数据列表可以是循环数据、表格数据、数值算法数据及描述点位的数据集等。
例如，所述遍历数据列表为仓库进出的货物清单表，所述货物清单表的表格可识别的字段包括货物名称、货物编号、货物进出时间及货物数量等，从预设图表指标库中获取与所述获取清单表的表格字段一致的可视化图表类型。
本发明实施例中，所述数据列表对应的图表指标库中包括散点图、柱状图、条形图、折线图、饼图和地图等可视化图表类型，可以选取折线图或者折线图与柱状图叠加的图表为生成图表。
进一步地，所述根据所述可视化图表类型生成图表，包括：
根据所述可视化图表类型，选择可视化图表类型中任意一种类型的初始图表，并配置所述初始图表的图表样式；
将所述遍历数据显示在所述图表样式的所述初始图表中，得到所述图表。
具体地，本实施例中，所述图表样式可包括图表的颜色变换、渐变色变换及是否添加标题等。例如，可以根据可视化图表类型选择折线图，对所述折线图进行图表的颜色及渐变色变换，并显示图表标题，最终得到所述图表。
S4、通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数。
本实施例中，所述整体布局栅格化指的是将屏幕可视区域分成等宽的12个栅格元素，每一个栅格元素为限制缩放的最小单位。所述轨迹参数指的是用户对图表进行拖拽操作时移动的位置轨迹。
详细地，所述通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，包括：
确定多个栅格元素的行列定位和宽高，并按照所述行列定位和宽高将所述图表的相关显示区域拆分成多个栅格元素；
利用所述多个栅格元素的行列定位和宽高获取对所述图表进行拖拽操作时的初始选取位置和移动结束位置；
计算所述初始选取位置与所述移动结束位置的差值；
确定所述初始选取位置、所述移动结束位置以及所述差值为所述用户基于所述图表的轨迹参数。
现有的轨迹侦测技术主要是利用一阶差分处理，通过计算两个相邻轨迹点间的距离来实现轨迹的侦测。
具体地，本实施例中，利用整体布局栅格化方法，实现实时侦测用户基于图表的轨迹参数，进而确保拖拽缩放操作的精准定位。
例如，生成多个栅格元素并配置所述多个栅格元素默认的行列定位和宽高。当用户对图表按下鼠标或移动鼠标可获取当前鼠标位置，即对应初始选取位置与结束移动位置，通过计算初始选取位置坐标(x，y)与结束移动位置的坐标(x1，y1)差值，获取初始选取位置与移动结束位置的差值，进而实现实时侦测栅格元素的轨迹参数，提高用户对图表进行拖拽缩放操作的灵敏度。
进一步地，在拖拽缩放操作结束时，将所述多个栅格元素的行列定位和宽高参数保存提交到后端，可记录用户创建的视图类型，并存储所述视图的样式、位置和布局，便于用户在下一次进入用户操作界面时，能够还原用户上次的最后操作。
S5、根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。
详细地，所述根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，包括：
根据所述轨迹参数确定所述用户的操作意图，所述操作意图包括形状变换或位置变换；
调用预设的应用程序编程接口连接图形容器，通过所述图形容器对所述图表进行形状变化或位置变化，得到形状变化或位置变化后的目标图表。
较佳地，所述图形容器可为canvas，所述应用程序编程接口可为canvas API。
具体地，本实施例中，所述图表在页面中显示之前包括多个组件，根据所述轨迹参数识别用户对所述图表进行形状变换操作，则利用应用程序编程接口canvas API在图形容器canvas中对图表有变化的部分进行新组件的挂载和旧组件的卸载与更新，重新渲染页面，触发页面刷新，进而实现形状变换更新操作，得到形状变化后的目标图表。
本发明实施例根据用户生成图表指令，将所述图表指令进行可视化处理，实现图表自动生成；进一步地，通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，实现用户可以随意选择指标及可视化图表类型、添加和删除指标及随意调整图表大小的需求，实现主动实时分析，通过布局栅格化可以确保精准、灵敏的侦测用户基于图表的轨迹参数，提高图表显示的实时性。因此本发明实施例提出的数据可视化方法可以提高图表显示的实时性。
如图2所示，是本发明数据可视化装置的功能模块图。
本发明所述数据可视化装置100可以安装于电子设备中。根据实现的功能，所述数据可视化装置可以包括数据库语言生成模块101、图表生成模块102、图表变换模块103，本发所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。
在本实施例中，关于各模块/单元的功能如下：
所述数据库语言生成模块101，用于当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言。
本实施例中，所述生成图表指令是指用户在用户操作界面中通过输入关键字操作触发的指令，或者点击交互按钮触发的指令。
所述数据库语言是一种数据库查询和程序设计语言，主要用于存取数据以及查询、更新和管理关系型数据库***。
详细地，所述数据库语言生成模块101通过执行下述操作当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言：
显示所述用户操作界面，接收用户在所述操作界面进行操作触发的生成图表指令；
根据所述生成图表指令构建数据库语言模块，利用所述数据库语言模块生成数据库语言。
本实施例中，根据所述生成图表指令可以构建数据库语言模块，可以利用数据库语言模块将所述生成图表指令在后端生成数据库语言。
例如，生成图表指令为Table，利用Table指令创建数据库语言模板，利用所述模板将Table与数据库端相连，经过数据库端的参数转化，生成数据库语言Select Table、Create Table和Insert table等等。
较佳地，所述数据库语言可为SQL。
所述图表生成模块102，用于利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据，将所述遍历数据进行可视化处理，生成图表。
本实施例中，所述抽象语法树指的是以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构，所述抽象语法树的主要作用是把所述数据库语言中所要表达的算法与关系体现在具体代码中。
所述遍历数据指的是根据所述用户生成图表指令生成的图表包含的数据。
详细地，所述图表生成模块102通过执行下述操作利用预构的数据库连接池根据所述数据库语言生成抽象语法树：
利用预构的数据库连接池与目标数据库连接；
在与所述目标数据库连接之后，利用所述数据库语言在所述目标数据库中进行查询，获取所述目标数据库中的表单数据；
将所述表单数据拆分为字符串，根据所述字符串生成抽象语法树。
本实施例中，目标数据库是图表中涉及的数据所在的数据库，目标数据库可以为一个或者至少两个。
本实施例中，所述表单数据指的是从目标数据库中查询到的所有表单及表单中的数据。
所述数据库连接池的主要作用是将数据库的连接作为对象存储在内存中，当需要访问数据库时，不需要建立一个新的连接，而是从连接池中取出一个已建立的空闲连接对象，访问终端完毕后，将连接放回连接池中，以供下一个访问终端使用。
较佳地，所述数据库连接池可为Alibaba Druid，数据库连接可通过JDBC来实现，所述数据库语言可对数据库执行Create Table/Insert/Select等操作。
具体地，本实施例中，可以通过SQL数据库语言对目标数据库进行查询操作，得到目标数据库中的表单结构及表中的数据，并将表单结构及表中的数据拆分成字符串，将得到字符串连接成结构化的数据，得到抽象语法树，且根据所述抽象语法树可以精确地知道字符串中包括的所有参数信息。
例如，通过SQL查询数据库，得到学生考勤表，所述学生考勤表可拆成name、number、time等等，所述name包含多个学生姓名，将多个学生姓名与多个学生姓名对应的学号和时间相连，得到抽象语法树。
本实施例中，将所述数据库语言解析为所述抽象语法树这一过程，可以实现数据治理和深度计算，在分析过程中与数据集进行交互,实现动态的数据分析与展示。
进一步地，所述遍历解析所述抽象语法树的数据，得到遍历解析数据，包括：
对所述抽象语法树进行压栈操作，得到表单数据字段，并弹出栈；
循环所述压栈操作，直到所述压栈操作变为空栈；
当所述压栈操作变为所述空栈时，停止循环，并保存所有所述表单数据字段；
将所述表单数据字段转化为遍历数据。
本实施例中，所述栈指的是仅在表尾进行***或删除操作的线性表。不含元素的空表称为空栈。所述表单数据字段指的是所有表单结构及表单中的数据中的字段信息。
详细地，所述图表生成模块102通过执行下述操作将所述遍历解析数据进行可视化处理，生成图表：
从预设的图表指标库中获取与所述遍历数据对应的数据列表；
从所述图表指标库中查找所述数据列表对应的可视化图表类型，根据所述可视化图表类型生成图表。
本实施例中，所述指标库指的是数据可转化为视图的视图样式，且包括所有可视化图表，其中，所述可视化图表的类型可包括但不限于散点图、柱状图、条形图、折线图、饼图、地图，还可以存储用户导入的数据、用户创建的视图图表。
本实施例中，所述指标库包括数据列表和与数据列表对应的可视化图表类型，从而可以从预设的图表指标库中获取与所述遍历数据对应的数据列表以及与数据列表对应的可视化图表类型。
具体的，指标库中包含的数据列表可以是循环数据、表格数据、数值算法数据及描述点位的数据集等。
例如，所述遍历数据列表为仓库进出的货物清单表，所述货物清单表的表格可识别的字段包括货物名称、货物编号、货物进出时间及货物数量等，从预设图表指标库中获取与所述获取清单表的表格字段一致的可视化图表类型。
本发明实施例中，所述数据列表对应的图表指标库中包括散点图、柱状图、条形图、折线图、饼图和地图等可视化图表类型，可以选取折线图或者折线图与柱状图叠加的图表为生成图表。
进一步地，所述图表生成模块102通过执行下述操作根据所述可视化图表类型生成图表：
根据所述可视化图表类型，选择可视化图表类型中任意一种类型的初始图表，并配置所述初始图表的图表样式；
将所述遍历数据显示在所述图表样式的所述初始图表中，得到所述图表。
具体地，本实施例中，所述图表样式可包括图表的颜色变换、渐变色变换及是否添加标题等。例如，可以根据可视化图表类型选择折线图，对所述折线图进行图表的颜色及渐变色变换，并显示图表标题，最终得到所述图表。
所述图表变换模块103，用于通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。
本实施例中，所述整体布局栅格化指的是将屏幕可视区域分成等宽的12个栅格元素，每一个栅格元素为限制缩放的最小单位。所述轨迹参数指的是用户对图表进行拖拽操作时移动的位置轨迹。
详细地，所述图表变换模块103通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数：
确定多个栅格元素的行列定位和宽高，并按照所述行列定位和宽高将所述图表的相关显示区域拆分成多个栅格元素；
利用所述多个栅格元素的行列定位和宽高获取对所述图表进行拖拽操作时的初始选取位置和移动结束位置；
计算所述初始选取位置与所述移动结束位置的差值；
确定所述初始选取位置、所述移动结束位置以及所述差值为所述用户基于所述图表的轨迹参数。
现有的轨迹侦测技术主要是利用一阶差分处理，通过计算两个相邻轨迹点间的距离来实现轨迹的侦测。
具体地，本实施例中，利用整体布局栅格化方法，实现实时侦测用户基于图表的轨迹参数，进而确保拖拽缩放操作的精准定位。
例如，生成多个栅格元素并配置所述多个栅格元素默认的行列定位和宽高。当用户对图表按下鼠标或移动鼠标可获取当前鼠标位置，即对应初始选取位置与结束移动位置，通过计算初始选取位置坐标(x，y)与结束移动位置的坐标(x1，y1)差值，获取初始选取位置与移动结束位置的差值，进而实现实时侦测栅格元素的轨迹参数，提高用户对图表进行拖拽缩放操作的灵敏度。
进一步地，在拖拽缩放操作结束时，将所述多个栅格元素的行列定位和宽高参数保存提交到后端,可记录用户创建的视图类型，并存储所述视图的样式、位置和布局，便于用户在下一次进入用户操作界面时，能够还原用户上次的最后操作。
详细地，所述图表变换模块103通过执行下述操作根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，包括：
根据所述轨迹参数确定所述用户的操作意图，所述操作意图包括形状变换或位置变换；
调用预设的应用程序编程接口连接图形容器，通过所述图形容器对所述图表进行形状变化或位置变化，得到形状变化或位置变化后的目标图表。
较佳地，所述图形容器可为canvas，所述应用程序编程接口可为canvas API。
具体地，本实施例中，所述图表在页面中显示之前包括多个组件，根据所述轨迹参数识别用户对所述图表进行形状变换操作，则利用应用程序编程接口canvas API在图形容器canvas中对图表有变化的部分进行新组件的挂载和旧组件的卸载与更新，重新渲染页面，触发页面刷新，进而实现形状变换更新操作，得到形状变化后的目标图表。
本发明实施例根据用户生成图表指令，将所述图表指令进行可视化处理，实现图表自动生成；进一步地，通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，实现用户可以随意选择指标及可视化图表类型、添加和删除指标及随意调整图表大小的需求，实现主动实时分析，通过布局栅格化可以确保精准、灵敏的侦测用户基于图表的轨迹参数，提高图表显示的实时性。因此本发明实施例提出的数据可视化装置可以提高图表显示的实时性。
如图3所示，是本发明实现数据可视化方法的电子设备的结构示意图。
所述电子设备可以包括处理器10、存储器11、通信总线12和通信接口13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如数据可视化程序。
其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：SD或DX存储器等)、磁性存储器、本地磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(Smart Media Card，SMC)、安全数字(SecureDigital，SD)卡、闪存卡(Flash Card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据，例如数据可视化程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。
所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(Central Processing unit，CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如数据可视化程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。
所述通信总线12可以是外设部件互连标准(perIPheral componentinterconnect，简称PCI)总线或扩展工业标准结构(extended industry standardarchitecture，简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述通信总线12总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
图3仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图3示出的结构并不构成对所述电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。
例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、Wi-Fi模块等，在此不再赘述。
可选地，所述通信接口13可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。
可选地，所述通信接口13还可以包括用户接口，用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。
所述电子设备中的所述存储器11存储的数据可视化程序是多个计算机程序的组合，在所述处理器10中运行时，可以实现：
当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据；
将所述遍历数据进行可视化处理，生成图表；
通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；
根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。具体地，所述处理器10对上述计算机程序的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。
进一步地，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。所述计算机可读介质可以是非易失性的，也可以是易失性的。所述计算机可读介质可以包括：能够携待所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)。
本发明实施例还可以提供一种计算机可读存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：
当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据；
将所述遍历数据进行可视化处理，生成图表；
通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；
根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。进一步地，所述计算机可用存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。
在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。
因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。***权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。
最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (8)

1.一种数据可视化方法，其特征在于，所述方法包括：
当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据；
将所述遍历数据进行可视化处理，生成图表；
通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数；
根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表；
其中，所述抽象语法树指的是以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构；所述遍历数据指的是根据所述生成图表指令生成的图表包含的数据；
所述通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，包括：确定多个栅格元素的行列定位和宽高，并按照所述行列定位和宽高将所述图表的相关显示区域拆分成多个栅格元素；利用所述多个栅格元素的行列定位和宽高获取对所述图表进行拖拽操作时的初始选取位置和移动结束位置；计算所述初始选取位置与所述移动结束位置的差值；确定所述初始选取位置、所述移动结束位置以及所述差值为所述用户基于所述图表的轨迹参数；
所述利用预构的数据库连接池根据所述数据库语言生成抽象语法树，包括：利用预构的数据库连接池与目标数据库连接；在与所述目标数据库连接之后，利用所述数据库语言在所述目标数据库中进行查询，获取所述目标数据库中的表单数据；将所述表单数据拆分为字符串，根据所述字符串生成抽象语法树。
2.如权利要求1所述的数据可视化方法，其特征在于，所述根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表，包括：
根据所述轨迹参数确定所述用户的操作意图，所述操作意图包括形状变换或位置变换；
调用预设的应用程序编程接口连接图形容器，通过所述图形容器对所述图表进行形状变化或位置变化，得到形状变化或位置变化后的目标图表。
3.如权利要求1所述的数据可视化方法，其特征在于，所述将所述遍历数据进行可视化处理，生成图表，包括：
从预设的图表指标库中获取与所述遍历数据对应的数据列表；
从所述图表指标库中查找所述数据列表对应的可视化图表类型，根据所述可视化图表类型生成图表。
4.如权利要求3所述的数据可视化方法，其特征在于，所述根据所述可视化图表类型生成图表，包括：
根据所述可视化图表类型，选择可视化图表类型中任意一种类型的初始图表，并配置所述初始图表的图表样式；
将所述遍历数据显示在所述图表样式的所述初始图表中，得到所述图表。
5.如权利要求1至4中任一项所述的数据可视化方法，其特征在于，所述当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言，包括：
显示用户操作界面，接收用户在所述操作界面进行操作所触发的生成图表指令；
根据所述生成图表指令构建数据库语言模块，利用所述数据库语言模块生成数据库语言。
6.一种数据可视化装置，用于实现如权利要求1至5中任一项所述的数据可视化方法，其特征在于，包括：
数据库语言生成模块，用于当接收到用户触发的生成图表指令时，根据所述生成图表指令生成数据库语言；
图表生成模块，用于利用预构的数据库连接池根据所述数据库语言生成抽象语法树，遍历所述抽象语法树的数据，得到遍历数据，将所述遍历数据进行可视化处理，生成图表；
图表变换模块，用于通过整体布局栅格化方法实时侦测所述用户基于所述图表的轨迹参数，根据所述轨迹参数对所述图表进行形状变换或位置变换，得到目标图表。
7.一种电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及，
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的计算机程序指令，所述计算机程序指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至5中任一项所述的数据可视化方法。
8.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的数据可视化方法。
CN202110743259.5A 2021-06-30 2021-06-30 数据可视化方法、装置、电子设备及可读存储介质 Active CN113326314B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110743259.5A CN113326314B (zh) 2021-06-30 2021-06-30 数据可视化方法、装置、电子设备及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110743259.5A CN113326314B (zh) 2021-06-30 2021-06-30 数据可视化方法、装置、电子设备及可读存储介质

Publications (2)

Publication Number Publication Date
CN113326314A CN113326314A (zh) 2021-08-31
CN113326314B true CN113326314B (zh) 2024-01-30

Family

ID=77425377

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110743259.5A Active CN113326314B (zh) 2021-06-30 2021-06-30 数据可视化方法、装置、电子设备及可读存储介质

Country Status (1)

Country Link
CN (1) CN113326314B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114116106A (zh) * 2021-11-30 2022-03-01 上海商汤科技开发有限公司 图表显示方法及装置、电子设备和存储介质
CN114935997B (zh) * 2022-04-24 2023-11-07 阿里巴巴（中国）有限公司 图表交互方法及电子设备
CN115422167B (zh) * 2022-09-27 2023-02-17 北京柏睿数据技术股份有限公司 一种跨数据源数据库视图可视化构建方法及***

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101515372A (zh) * 2009-02-04 2009-08-26 北京石油化工学院 基于虚拟地质模型的可视化分析预测方法
CN112560422A (zh) * 2020-12-10 2021-03-26 北京煜邦电力技术股份有限公司 一种图表的处理方法、装置、设备和介质
CN112926288A (zh) * 2019-12-06 2021-06-08 北京阿博茨科技有限公司 一种商业智能数据可视化方法、***、设备以及可读存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016174682A1 (en) * 2015-04-29 2016-11-03 Yellai Mahesh Method for generating visual representations of data based on controlled natural language queries and system thereof

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101515372A (zh) * 2009-02-04 2009-08-26 北京石油化工学院 基于虚拟地质模型的可视化分析预测方法
CN112926288A (zh) * 2019-12-06 2021-06-08 北京阿博茨科技有限公司 一种商业智能数据可视化方法、***、设备以及可读存储介质
CN112560422A (zh) * 2020-12-10 2021-03-26 北京煜邦电力技术股份有限公司 一种图表的处理方法、装置、设备和介质

Also Published As

Publication number Publication date
CN113326314A (zh) 2021-08-31

Similar Documents

Publication Publication Date Title
CN113326314B (zh) 数据可视化方法、装置、电子设备及可读存储介质
KR102143889B1 (ko) 메타데이터 관리를 위한 시스템
JP5965477B2 (ja) リレーショナルデータベースを視覚化するマップに基づく方法
CN104750771B (zh) 利用域信息进行上下文数据分析的方法和***
CN112035667A (zh) 一种知识图谱展示方法、装置及终端设备
US11188557B2 (en) Systems and methods for an end-to-end visual analytics system for massive-scale geospatial data
CN104866426A (zh) 软件测试综合控制方法及***
CN103577524A (zh) 业务对象表达和细节框显示
CN112883042A (zh) 数据更新及展示方法、装置、电子设备及存储介质
JP2022505230A (ja) 多次元データベース環境における依存関係分析のためのシステムおよび方法
US8230319B2 (en) Web-based visualization, refresh, and consumption of data-linked diagrams
CN111414410A (zh) 数据处理方法、装置、设备和存储介质
CN113807062A (zh) 一种组合密度图在线绘制方法、装置和电子设备
US11438241B2 (en) System and method for visualizing and navigating network data
US11704345B2 (en) Inferring location attributes from data entries
KR102282284B1 (ko) 오브젝트 집합의 시각적 표현을 제공하는 방법, 장치, 기기 및 저장 매체
CN103809915B (zh) 一种磁盘文件的读写方法和装置
CN116931783A (zh) 一种前端海量树形结构展示方法、装置、电子设备及介质
CN113570464B (zh) 一种数字货币交易社区识别方法、***、设备及存储介质
WO2015097957A1 (en) Condensing hierarchical data
JP5706306B2 (ja) リンクされたテキストボックスを有する電子文書のレンダリングの方法、レンダリングする指示を含むコンピューターが読み取り可能な記憶媒体及びシステム
CN114880308A (zh) 一种基于大数据的元数据处理方法、装置、介质
Polášek et al. Information and knowledge retrieval within software projects and their graphical representation for collaborative programming
US20130024761A1 (en) Semantic tagging of user-generated content
US9208224B2 (en) Business content hierarchy

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
GR01 Patent grant
GR01 Patent grant