CN111914017A - 可视化图表操作方法、装置、电子设备和存储介质 - Google Patents
可视化图表操作方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN111914017A CN111914017A CN202010814080.XA CN202010814080A CN111914017A CN 111914017 A CN111914017 A CN 111914017A CN 202010814080 A CN202010814080 A CN 202010814080A CN 111914017 A CN111914017 A CN 111914017A
- Authority
- CN
- China
- Prior art keywords
- graph
- data
- parent
- chart
- level
- 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.)
- Pending
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 55
- 238000000034 method Methods 0.000 title claims abstract description 51
- 238000013079 data visualisation Methods 0.000 claims abstract description 76
- 230000006870 function Effects 0.000 claims description 27
- 238000012216 screening Methods 0.000 claims description 25
- 238000012545 processing Methods 0.000 claims description 23
- 238000004590 computer program Methods 0.000 claims description 12
- 238000001914 filtration Methods 0.000 claims description 8
- 238000012544 monitoring process Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 26
- 238000012800 visualization Methods 0.000 description 22
- 230000008569 process Effects 0.000 description 7
- 230000009191 jumping Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 1
- 230000019771 cognition Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000011017 operating method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000007794 visualization technique Methods 0.000 description 1
Images
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
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供的可视化图表操作方法、装置、电子设备和存储介质，首先从可视化图表库中获取至少一个父级图形，并在数据可视化平台展示该父级图形，当监测到对该父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据，并从图表数据中筛选出与可操作区域对应的目标数据在子级图形中进行展示，以实现该数据可视化平台的图表操作的功能，在查看具有父子层级关系的图表数据时，通过操作父级图形即可进入子级图形的显示界面，提高了数据可视化平台的使用体验。
Description
技术领域
本申请涉及数据可视化技术领域，具体而言，涉及一种可视化图表操作方法、装置、电子设备和存储介质。
背景技术
可视化(Visualization)是利用计算机图形学和图像处理技术，将数据转换成图形或图像在屏幕上显示出来，再进行交互处理的技术。数据可视化平台可以将收集到的数据进行分析和处理，并整合为图形及报表等形式呈现给用户，是信息化时代人们对海量数据进行认知和辅助决策的一种重要工具。
Superset是目前使用比较广泛的数据可视化平台，该平台可以通过丰富的可视化方法对数据进行分析并建立可视化图表。但使用该可视化平台查看具有层级关系的数据图表时，在点击上级图片后无法进入下层级的图表显示界面，从而使得在上下层级之间查看数据图表时的效果较差。
发明内容
有鉴于此，本申请的目的在于提供可视化图表操作方法、装置、电子设备和存储介质，以实现具有层级关系的图表之间的点击下钻功能。
第一方面，本申请实施例提供一种可视化图表操作方法，应用于电子设备，电子设备中包括数据可视化平台和可视化图表库，数据库与数据可视化平台连接，方法包括：
从所述可视化图表库中获取至少一个父级图形，其中，所述父级图形包括图形信息和多个可操作区域；
在所述数据可视化平台展示所述父级图形；
当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据；
从所述子级图形的图表数据中，筛选与所述可操作区域对应的数据作为目标数据；
将所述目标数据通过所述子级图形展示在所述数据可视化平台中。
在可选的实施方式中，所述电子设备包括数据库；所述数据库与所述数据可视化平台连接；从所述可视化图表库中获取至少一个父级图形包括：
通过所述数据可视化平台的本地脚本从所述数据库获取待显示数据；
对所述待显示数据进行参数处理，得到所述父级图形的图表数据；
将所述父级图形的图表数据更新至对应的可视化文件中；
将所述可视化文件存储至所述数据可视化平台对应的目录中。
在可选的实施方式中，对所述待显示数据进行参数处理，得到所述父级图形的图表数据包括：
根据所述可视化图表库的参数规格对所述待显示数据进行参数调整，其中，所述参数规格包括横坐标内容、纵坐标内容、字体大小、字体颜色和字间距中的至少一种。
在可选的实施方式中，从所述图表数据中，筛选所述与所述可操作区域对应的数据作为目标数据包括：
获取所述触发操作对应的可操作区域的筛选条件；
根据所述可操作区域的筛选条件，从所述子级图形的图表数据中筛选与所述可操作区域对应的数据作为目标数据。
在可选的实施方式中，所述方法还包括：
加载本地图表数据获取函数；
根据所述图表数据获取函数生成用于获取图表数据的访问接口；
所述当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据包括：
当监测到对任一可操作区域的触发操作后，根据所述父级图形的图形信息获取所述子级图形的标识；
通过所述访问接口获取所述标识对应的图表数据。
在可选的实施方式中，所述父级图形还包括非操作区域，所述方法还包括：
当监测对所述父级图形中非操作区域的触发操作后，在所述数据可视化平台中继续展示所述父级图形。
第二方面，本申请实施例提供一种可视化图表操作装置，应用于电子设备，电子设备中包括数据可视化平台及可视化图表库，所述装置包括：
图形获取模块，用于从所述可视化图表库中获取至少一个父级图形，其中，所述父级图形包括图形信息和多个可操作区域；
父级图形展示模块，用于在所述数据可视化平台展示所述父级图形；
图表数据获取模块，用于当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据；
数据筛选模块，用于从所述子级图形的图表数据中，筛选与所述可操作区域对应的数据作为目标数据；
目标数据展示模块，用于将所述目标数据通过所述子级图形展示在所述数据可视化平台中。
在可选的实施方式中，所述电子设备包括数据库；所述数据库与所述数据可视化平台连接；所述图形获取模块，具体用于：
通过所述数据可视化平台的本地脚本从所述数据库获取待显示数据；
对所述待显示数据进行参数处理，得到所述父级图形的图表数据；
将所述父级图形的图表数据更新至对应的可视化文件中；
将所述可视化文件存储至所述数据可视化平台对应的目录中。
第三方面，本申请实施例提供一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如前述实施方式任一的方法步骤。
第四方面，本申请实施例提供一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如前述实施方式任一的方法步骤。
本申请实施例提供的可视化图表操作方法、装置、电子设备和存储介质，首先从可视化图表库中获取至少一个父级图形，并在数据可视化平台展示该父级图形，当监测到对该父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据，并从子级图形的图表数据中筛选出与可操作区域对应的目标数据在子级图形中进行展示，以实现该数据可视化平台的图表操作的功能，在查看具有父子层级关系的图表数据时，通过操作父级图形即可进入子级图形的显示界面，提高了数据可视化平台的使用体验。
为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的可视化图表操作方法的流程图之一；
图2为本申请实施例提供的数据可视化平台的父级图形X的示例图；
图3为本申请实施例提供的数据可视化平台的子级图形Y的示例图；
图4为本申请实施例提供的图1中的步骤S101的子步骤流程图；
图5为本申请实施例提供的图1中的步骤S104的子步骤流程图；
图6为本申请实施例提供的可视化图表操作方法的流程图之二；
图7为本申请实施例提供的图1中的步骤S103的子步骤流程图；
图8为本申请实施例提供的可视化图表操作装置的功能模块图；
图9为本申请实施例提供的电子设备的架构图。
主要元件符号说明：10-电子设备；11-处理器；12-存储器；100-可视化图表操作装置；101-图形获取模块；102-父级图形展示模块；103-图表数据获取模块；104-数据筛选模块；105-目标数据展示模块；106-函数加载模块；107-访问接口生成模块。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，应当理解，本申请中附图仅起到说明和描述的目的，并不用于限定本申请的保护范围。另外，应当理解，示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应该理解，流程图的操作可以不按顺序实现，没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外，本领域技术人员在本申请内容的指引下，可以向流程图添加一个或多个其他操作，也可以从流程图中移除一个或多个操作。
本申请实施例中将会用到术语“包括”，用于指出其后所声明的特征的存在，但并不排除增加其它的特征。
首先，需要说明的是，Superset是一种数据可视化平台，其集成了大量的数据展示图表，但Superset不支持图表的点击，即无法对数据展示图表进行点击，更无法在点击Superset的数据展示图表后，查看下一级的数据展示图表。
发明人研究后发现，若要在Superset平台中实现图表点击下钻功能(即点击原图表后进入下一层级的图表)，则需要在Superset平台中集成能够支持点击的可视化图表库。
为了解决上述技术问题，发明人将Superset平台与echarts可视化图表库结合，在Superset平台中引入echarts图表库中的图表，以实现Superset平台中各个切片的下钻功能。下面对本申请实施例提供的可视化图表下钻方法进行详细说明。
请参照图1，图1为本申请实施例提供的可视化图表下钻方法的流程图之一。在本实施例中，该方法应用于电子设备10，电子设备10中包括数据可视化平台及可视化图表库，该方法包括：
步骤S101，从所述可视化图表库中获取至少一个父级图形。其中，父级图形包括图形信息和多个可操作区域。
步骤S102，在数据可视化平台展示父级图形。
步骤S103，当监测到对父级图形的任一可操作区域的触发操作后，根据图形信息获取与所述父级图形关联的子级图形的图表数据。
步骤S104，从子级图形的图表数据中，筛选与可操作区域对应的数据作为目标数据。
步骤S105，将目标数据通过子级图形展示在所述数据可视化平台中。
本申请实施例从可视化图表库中获取至少一个父级图形，并在数据可视化平台展示该父级图形，其中，父级图形包括图形信息及多个可操作区域。
父级图形的图形信息中可以包括与其关联的子级图形的标识(例如图形ID)，从而可以在监测到对所述父级图形的任一可操作区域的触发操作后，根据该子级图形的标识信息获取该子级图形的图表数据。
再从获取到的子级图形的图表数据中筛选出与可操作区域对应的数据作为目标数据，并在所述子级图形中展示该目标数据，从而实现该数据可视化平台的图表下钻功能，即，在查看具有父子层级关系的图表数据时，操作(例如点击)父级图形即可进入子级图形的显示界面，提高了数据可视化平台的使用体验。
具体地，在上述步骤中，首先从可视化图表库中获取父级图形作为数据可视化平台的切片，其中，切片是指用于展示数据库中的待显示数据的图片。在数据可视化平台中，一个用于显示数据的图形被称为一个切片，每个切片包括对应的切片信息(即图形信息)，各个图形信息中包括该切片被操作(例如点击)后跳转的另一个切片的切片ID。可以理解为，当一个切片(即父级图形)的任意一个可操作区域触发操作(例如点击操作)后，根据该切片的切片信息(即父级图形的图形信息)中包括的另一个切片的切片ID(即与该父级图形关联的子级图形的图形ID)跳转至该子级图形，并在该子级图形中展示相应的数据。
另外，当父级图形的任意一个可操作区域被点击后，根据被点击的父级图形对应的图形信息获取与该父级图形关联的子级图形的图表数据，并从获取到的子级图形的图表数据中筛选与被点击的可操作区域对应的目标数据，随后跳转至该子级图形，并通过该子级图形对筛选出的目标数据进行展示。
例如，父级图形X的图形信息中包括的子级图形的图形ID为Y，则在点击父级图形X的任意一个可操作区域后，跳转至子级图形Y进行展示。
具体地，如图2所示，父级图形X的图形信息中还可以包括有该父级图形的图表数据，例如，某公司中的A、B、C三个一级部门中各个部门的人数，其中，A部门有200名员工，B部门有50名员工，C部门有90名员工。在图2中，该父级图形X的可操作区域则为A、B、C三个部门对应的柱状图。
在点击该父级图形X的任意一个可操作区域之后，跳转至与其关联的子级图形Y，其中，子级图形Y中包括的图表数据可以为A部门下的A1、A2、A3三个二级部门，B部门下有只有B1一个二级部门，C部门下包括C1、C2两个二级部门，其中，A1有60名员工，A2有50名员工，A3有90名员工，B1有50名员工，C1有50名员工，C2有40名员工。
在具体地点击事件中，若点击父级图形X中的A部门对应的柱形图所在的可操作区域，则跳转至子级图形Y，并获取该子级图形Y中的图表数据，再从子级图形Y中筛选出与被点击的可操作区域对应的目标数据。由于点击的是父级图形X中的A部门对应柱形图所在的可操作区域，因此需要从子级图形Y的图表数据中筛选出关于A部门的目标数据，即筛选出的目标数据为“A部门下的A1、A2、A3三个二级部门，A1有60名员工，A2有50名员工，A3有90名员工”。
随后跳转至子级图形Y，并在子级图形Y中对上述筛选出的目标数据进行展示，具体可以参考图3，图3即为点击父级图形X中的A部门对应的柱形图所在的可操作区域之后跳转至子级图形Y后的示意图。
在另一实施方式中，当对父级图形进行操作(例如点击)后，也可以直接在数据可视化平台上将展示的父级图形更新为子级图形，无需跳转。具体的实施方式可根据需要自行选择，在此不做具体限定。
综上，通过上述步骤可以在数据可视化平台中引入可视化图表库，通过该可视化图表库支持的点击功能，实现数据可视化平台的图形下钻功能，增强了在数据可视化平台在查看层级关系时的应用效果。
值得说明的是，在本实施例中，上述步骤中所描述的子级图形也可以具有与其关联的下一级的图形，即点击子级图形后也可以跳转至下一级的图形，具体方法与上述步骤相同，在此不作具体描述。
进一步地，数据可视化平台可以包括Superset平台，可视化图表库可以包括Echarts。Echarts是一款开源的可视化图表库，其集成了大量的丰富的数据展示图表，且该可视化图表库也支持对各图形进行点击。
进一步地，为了实现数据可视化平台的图形下钻功能，需要将可视化图表库与数据可视化平台结合，下面对如何在数据可视化平台中引入可视化图表库的各个图形进行说明。
请参照图4，图4为本申请实施例提供的图1中的步骤S101的子步骤流程图。在本实施例中，电子设备10包括数据库，数据库与数据可视化平台连接，步骤S101包括以下子步骤：
子步骤S1011，通过数据可视化平台的本地脚本从所述数据库获取待显示数据。
子步骤S1012，对待显示数据进行参数处理，得到所述父级图形的图表数据。
子步骤S1013，将父级图形的图表数据更新至对应的可视化文件中；
子步骤S1014，将可视化文件存储至所述数据可视化平台对应的目录中。
下面结合具体的数据可视化平台Superset及可视化图表库Echarts对上述步骤进行进一步地说明。
在上述子步骤中，首先需要在Superset本地的后端数据处理脚本viz.py中增加获取图表数据的函数，即数据获取函数(get_data函数)，Superset平台通过该数据获取函数从数据库中获取待显示的数据，其中，待显示的数据是指需要通过父级图形进行展示的数据。
在获取到待显示数据之后，对待显示数据进行参数处理以获得图表数据。参数处理用于对待显示数据进行格式适配处理，即将待显示数据的格式与可视化图表库Echarts的源格式进行适配，避免后续报错。
具体地，在本实施例中，对待显示数据进行参数处理的步骤可以包括：
根据可视化图表库的参数规格对待显示数据进行参数调整，其中，参数规格包括横坐标内容、纵坐标内容、字体大小、字体颜色和字间距中的至少一种。
在对待显示数据进行参数处理获得父级图形的图表数据之后，再将父级图形的图表数据以及子级图形的图表数据存储至可视化图表库Echarts的可视化文件js中，并将该可视化文件js存储至数据可视化平台Superset对应的目录visualizations中。
在后续的步骤中，Superset中的各个图形(即父级图形)的图形信息即可从js文件中获取得到。
进一步地，在本实施例中，请参照图5，图5为本申请实施例提供的步骤S104的子步骤流程图。其中，步骤S104包括：
子步骤S1041，获取触发操作对应的可操作区域的筛选条件。
子步骤S1042，根据可操作区域的筛选条件，从子级图形的图表数据中筛选与可操作区域对应的数据作为目标数据。
在上述步骤中，在从子级图形的图表数据中筛选目标数据时，可以通过数据可视化平台的filterbox获取触发操作对应的筛选条件。例如，筛选条件可以为从子级图形的图表数据中筛选与A部门(或者B部门或者C部门)相关的数据，其中，筛选条件与每一次的操作事件相关联，即点击不同的可操作区域对应不同的筛选条件。
在获取到筛选条件后，则根据该筛选条件从子级图形的图表数据中筛选出相关的目标数据。
进一步地，请参照图6，图6为本申请实施例提供的可视化图表下钻方法的流程图之二，在本实施例中，该方法还包括：
步骤S106，加载本地图表数据获取函数。
步骤S107，根据所述图表数据获取函数生成用于获取图表数据的访问接口。
在具体地实施过程中，以Superset为例，Superset的脚本core.py中已经封装了根据子级图形的标识获取图表数据(即图表数据获取函数)的方法，因此在获取图表数据(即form_data)时，可以直接本地加载该图表数据获取函数。但由于Superset中没有对应的访问接口用于获取图表数据，因此，还需要增加一个访问接口。具体可以将图表数据获取函数进行封装，并注册一个对应的访问路由以获取图表数据。
进一步地，在实施步骤S106和步骤S107之后，请参照图7，图7为本申请实施例提供的图1中的步骤S103的子步骤流程图。步骤S103具体可以包括：
子步骤S1031，当监测到对任一可操作区域的触发操作后，根据父级图形的图形信息获取子级图形的标识。
子步骤S1032，通过访问接口获取所述标识对应的图表数据。
在具体地实施过程中，以Superset为例，当点击父级图形X之后，根据该父级图形X的图形信息获取到与父级图形X关联的子级图形的图形标识(即Y)，随后通过设置的访问接口(例如，http://ip:port/superset/query_form_data/slice_id/)获取该子级图形Y对应的图表数据(即form_data)。
在获取到form_data数据之后，即可进行后续步骤，即筛选出目标数据，并在子级图形Y中展示筛选出的目标数据。
进一步地，可视化图表操作方法还可以包括：在父级图形的图形信息中设置jump_to_slice_id和slice_id键值对。其中，slice_id为与该父级图形关联的子级图形的图形ID。
在具体的实施步骤中，当Superset单独作为数据可视化平台使用时，由于其不具备点击功能，因此，父级图形的图形信息中并不包含需要跳转的子级图形的标识信息等信息。因此，需要在各个父级图形的图形信息中增加相关信息。
具体地，对各个父级图形的图形信息进行编辑，在各父级图形的图形信息的parameters中设置“jump_to_slice_id”和“slice_id”的键值对，其中，slice_id即为与该父级图形相关联的子级图形的图形ID。
例如，在父级图形X的图形信息的parameters中设置“jump_to_slice_id”和“Y”的键值对，即表示点击该父级图形X后跳转至子级图形Y。
进一步地，在本实施例中，父级图形还包括非操作区域，可视化图表操作方法还包括：
当监测对父级图形中非操作区域的触发操作后，在数据可视化平台中继续展示父级图形。
在具体的实施过程中，父级图形中除了可操作区域还包括有非操作区域，非操作区域无法进行操作，即使对非操作区域进行操作，也不会跳转至另一个图形进行展示，即该数据可视化平台继续展示该父级图形。
综上，通过获取可视化图表库(例如Echarts)中的父级图形作为数据可视化平台(例如Superset)的展示图形，可以在监测到对父级图形的任一可操作区域的触发操作后，可以通过父级图形的图形信息中的子级图形的图形ID跳转至该子级图形，并根据可操作区域从子级图形的图表数据中筛选出目标数据，在该子级图形中进行展示，以实现该数据可视化平台的图表下钻功能，即在查看具有父子层级关系的图表数据时，点击父级图形即可进入子级图形的显示界面，增强了在数据可视化平台在查看具有层级关系的图表数据时的应用效果，提高了数据可视化平台的使用体验。
基于同一发明构思，本申请实施例中还提供了与可视化图表操作方法对应的可视化图表操作装置100，由于本申请实施例中的装置解决问题的原理与本申请实施例上述可视化图表下钻方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
具体请参照图8，图8为本申请实施例提供的可视化图表操作装置100的功能模块图。在本实施例中，该装置应用于电子设备10，电子设备10中包括数据可视化平台及可视化图表库，该装置包括：图形获取模块101、父级图形展示模块102、图表数据获取模块103、数据筛选模块104和目标数据展示模块105。
其中，图形获取模块101，用于从可视化图表库中获取至少一个父级图形，其中，所述父级图形包括图形信息和多个可操作区域。
父级图形展示模块102，用于在数据可视化平台展示父级图形。
图表数据获取模块103，用于当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与父级图形关联的子级图形的图表数据。
数据筛选模块104，用于从所述子级图形的图表数据中，筛选与所述可操作区域对应的数据作为目标数据。
目标数据展示模块105，用于将所述目标数据通过所述子级图形展示在所述数据可视化平台中。
进一步地，在本实施例中，电子设备10包括数据库；数据库与数据可视化平台连接，图形获取模块101，具体用于：
通过所述数据可视化平台的本地脚本从所述数据库获取待显示数据；
对所述待显示数据进行参数处理，得到所述父级图形的图表数据；
将所述父级图形的图表数据更新至对应的可视化文件中；
将所述可视化文件存储至所述数据可视化平台对应的目录中。
进一步地，在本实施例中，对所述待显示数据进行参数处理，得到所述父级图形的图表数据，具体包括：
根据所述可视化图表库的参数规格对所述待显示数据进行参数调整，其中，所述参数规格包括横坐标内容、纵坐标内容、字体大小、字体颜色和字间距中的至少一种。
进一步地，在本实施例中，数据筛选模块104具体用于：
获取所述触发操作对应的可操作区域的筛选条件；
根据所述可操作区域的筛选条件，从所述子级图形的图表数据中筛选与所述可操作区域对应的数据作为目标数据。
进一步地，请继续参照图8，在本实施例中，可视化图表操作装置100还包括：
函数加载模块106，用于加载本地图表数据获取函数。
访问接口生成模块107，用于根据图表数据获取函数生成用于获取图表数据的访问接口。
具体地，在本实施例中，图表数据获取模块103具体用于：当监测到对任一可操作区域的触发操作后，根据所述父级图形的图形信息获取所述子级图形的标识；通过所述访问接口获取所述标识对应的图表数据。
关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
本申请实施例还提供了一种电子设备10，如图9所示，为本申请实施例提供的电子设备10的结构示意图，包括：处理器11和存储器12。存储器12存储有处理器11可执行的计算机程序，当电子设备10运行时，计算机程序被处理器11执行时执行上述实施例提供的可视化图表操作方法。
本申请实施例还提供了一种存储介质，其上存储有计算机程序，计算机程序被处理器11执行时实现上述实施例提供的可视化图表操作方法。
在一些实施例中，处理器11可以包括一个或多个处理核(例如，单核处理器11(S)或多核处理器11(S))。仅作为举例，处理器11可以包括中央处理单元(Central ProcessingUnit,CPU)、专用集成电路(Application Specific Integrated Circuit,ASIC)、专用指令集处理器11(Application Specific Instruction-set Processor,ASIP)、图形处理单元(Graphics Processing Unit,GPU)、物理处理单元(Physics Processing Unit,PPU)、数字信号处理器11(Digital Signal Processor,DSP)、现场可编程门阵列(FieldProgrammable Gate Array,FPGA)、可编程逻辑器件(Programmable Logic Device,PLD)、控制器、微控制器单元、简化指令集计算机(Reduced Instruction Set Computing,RISC)、或微处理器11等，或其任意组合。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的电子设备10和装置的具体工作过程，可以参考方法实施例中的对应过程，本申请中不再赘述。在本申请所提供的几个实施例中，应该理解到，所揭露的电子设备10、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器11可执行的非易失的计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
另外，在本申请各个实施例中的各功能单元可以集成在一为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，应当理解，本申请中附图仅起到说明和描述的目的，并不用于限定本申请的保护范围。另外，应当理解，示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。
应该理解，流程图的操作可以不按顺序实现，没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外，本领域技术人员在本申请内容的指引下，可以向流程图添加一个或多个其他操作，也可以从流程图中移除一个或多个操作。
另外，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
Claims (10)
1.一种可视化图表操作方法，其特征在于，应用于电子设备，所述电子设备包括数据可视化平台和可视化图表库，所述方法包括：
从所述可视化图表库中获取至少一个父级图形，其中，所述父级图形包括图形信息和多个可操作区域；
在所述数据可视化平台展示所述父级图形；
当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据；
从所述子级图形的图表数据中，筛选与所述可操作区域对应的数据作为目标数据；
将所述目标数据通过所述子级图形展示在所述数据可视化平台中。
2.根据权利要求1所述的方法，其特征在于，所述电子设备包括数据库；所述数据库与所述数据可视化平台连接；从所述可视化图表库中获取至少一个父级图形包括：
通过所述数据可视化平台的本地脚本从所述数据库获取待显示数据；
对所述待显示数据进行参数处理，得到所述父级图形的图表数据；
将所述父级图形的图表数据更新至对应的可视化文件中；
将所述可视化文件存储至所述数据可视化平台对应的目录中。
3.根据权利要求2所述的方法，其特征在于，对所述待显示数据进行参数处理，得到所述父级图形的图表数据包括：
根据所述可视化图表库的参数规格对所述待显示数据进行参数调整，其中，所述参数规格包括横坐标内容、纵坐标内容、字体大小、字体颜色和字间距中的至少一种。
4.根据权利要求1所述的方法，其特征在于，从所述图表数据中，筛选所述与所述可操作区域对应的数据作为目标数据包括：
获取所述触发操作对应的可操作区域的筛选条件；
根据所述可操作区域的筛选条件，从所述子级图形的图表数据中筛选与所述可操作区域对应的数据作为目标数据。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
加载本地图表数据获取函数；
根据所述图表数据获取函数生成用于获取图表数据的访问接口；
所述当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据包括：
当监测到对任一可操作区域的触发操作后，根据所述父级图形的图形信息获取所述子级图形的标识；
通过所述访问接口获取所述标识对应的图表数据。
6.根据权利要求1所述的方法，其特征在于，所述父级图形还包括非操作区域，所述方法还包括：
当监测对所述父级图形中非操作区域的触发操作后，在所述数据可视化平台中继续展示所述父级图形。
7.一种可视化图表操作装置，其特征在于，应用于电子设备，所述电子设备中包括数据可视化平台及可视化图表库，所述装置包括：
图形获取模块，用于从所述可视化图表库中获取至少一个父级图形，其中，所述父级图形包括图形信息和多个可操作区域；
父级图形展示模块，用于在所述数据可视化平台展示所述父级图形；
图表数据获取模块，用于当监测到对所述父级图形的任一可操作区域的触发操作后，根据所述图形信息获取与所述父级图形关联的子级图形的图表数据；
数据筛选模块，用于从所述子级图形的图表数据中，筛选与所述可操作区域对应的数据作为目标数据；
目标数据展示模块，用于将所述目标数据通过所述子级图形展示在所述数据可视化平台中。
8.根据权利要求7所述的装置，其特征在于，所述电子设备包括数据库；所述数据库与所述数据可视化平台连接；所述图形获取模块，具体用于：
通过所述数据可视化平台的本地脚本从所述数据库获取待显示数据；
对所述待显示数据进行参数处理，得到所述父级图形的图表数据；
将所述父级图形的图表数据更新至对应的可视化文件中；
将所述可视化文件存储至所述数据可视化平台对应的目录中。
9.一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述方法的步骤。
10.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010814080.XA CN111914017A (zh) | 2020-08-13 | 2020-08-13 | 可视化图表操作方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010814080.XA CN111914017A (zh) | 2020-08-13 | 2020-08-13 | 可视化图表操作方法、装置、电子设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111914017A true CN111914017A (zh) | 2020-11-10 |
Family
ID=73284635
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010814080.XA Pending CN111914017A (zh) | 2020-08-13 | 2020-08-13 | 可视化图表操作方法、装置、电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111914017A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113128143A (zh) * | 2021-06-17 | 2021-07-16 | 北京燧原智能科技有限公司 | Ai处理器的仿真方法、装置、计算机设备及存储介质 |
| CN113255308A (zh) * | 2021-05-27 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
| WO2022228209A1 (zh) * | 2021-04-26 | 2022-11-03 | 华为云计算技术有限公司 | 可视化视图的构建方法及装置 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109582403A (zh) * | 2017-09-29 | 2019-04-05 | 北京国双科技有限公司 | 图表内组件间的联动显示方法及装置 |
| US20190213762A1 (en) * | 2018-01-05 | 2019-07-11 | International Business Machines Corporation | Implementing interactive hierarachical chart legend data display |
-
2020
- 2020-08-13 CN CN202010814080.XA patent/CN111914017A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109582403A (zh) * | 2017-09-29 | 2019-04-05 | 北京国双科技有限公司 | 图表内组件间的联动显示方法及装置 |
| US20190213762A1 (en) * | 2018-01-05 | 2019-07-11 | International Business Machines Corporation | Implementing interactive hierarachical chart legend data display |
Non-Patent Citations (1)
| Title |
|---|
| 宋美娜;崔丹阳;鄂海红;欧中洪;: "一种通用的数据可视化模型设计与实现", 计算机应用与软件, no. 09 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022228209A1 (zh) * | 2021-04-26 | 2022-11-03 | 华为云计算技术有限公司 | 可视化视图的构建方法及装置 |
| CN113255308A (zh) * | 2021-05-27 | 2021-08-13 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
| CN113255308B (zh) * | 2021-05-27 | 2024-06-07 | 平安国际智慧城市科技股份有限公司 | 图表下钻实现方法、装置、电子设备及存储介质 |
| CN113128143A (zh) * | 2021-06-17 | 2021-07-16 | 北京燧原智能科技有限公司 | Ai处理器的仿真方法、装置、计算机设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111914017A (zh) | 可视化图表操作方法、装置、电子设备和存储介质 | |
| US8499240B2 (en) | Rule-based presentation of log messages on a graphic timeline | |
| CN102257489B (zh) | 网格和相关联的可视化的双向更新 | |
| EP2728498A1 (en) | System and method for creation of templates | |
| CN109787809B (zh) | 一种智能运维系统 | |
| JP6334733B2 (ja) | ユーザの操作行為に基いて解決策をレコメンドする方法および装置 | |
| WO2011128731A1 (en) | A method and system for displaying prioritized live thumbnail of process graphic views | |
| CN109918604A (zh) | 网页绘图方法、装置、设备及存储介质 | |
| TW200925886A (en) | Message flow interactions for display in a user interface | |
| DE102014117895A1 (de) | Hinweis-basierte Spot-Healing-Techniken | |
| CN112558967A (zh) | 页面自动生成方法、装置、电子设备和存储介质 | |
| CN110990345A (zh) | 一种Excel文件在线预览的方法及装置 | |
| CN111078519A (zh) | 异常监控行为回溯的方法、装置和电子设备 | |
| CN110309113A (zh) | 日志解析方法、系统及设备 | |
| KR20120073841A (ko) | 포렌식 데이터의 데이터테이블 생성 장치 및 방법 | |
| CN113326238A (zh) | 一种数据处理方法、装置、设备及存储介质 | |
| CN112667226A (zh) | 一种页面文件的设置方法、装置、设备及存储介质 | |
| JP2008257424A (ja) | 端末監視方法、端末監視装置、及び端末監視プログラム | |
| CN111198902B (zh) | 元数据管理方法、装置、存储介质及电子设备 | |
| CN114253530A (zh) | 一种数据可视化方法、装置、设备及存储介质 | |
| CN109542385A (zh) | 一种多数据流同屏显示方法、系统、装置及可读存储介质 | |
| CN108153845B (zh) | 一种实现后台图像数据导出的方法及装置 | |
| CN113986954B (zh) | 用户事件获取方法、装置、智能终端及可读存储介质 | |
| JP2009237960A (ja) | 行動管理システム及び行動管理方法 | |
| US7689905B1 (en) | Containment of terminal application run-time data for viewing when disconnected from a host server |
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 |