CN117149889A - 一种图数据的处理方法和相关装置 - Google Patents

一种图数据的处理方法和相关装置 Download PDF

Info

Publication number
CN117149889A
CN117149889A CN202210569989.2A CN202210569989A CN117149889A CN 117149889 A CN117149889 A CN 117149889A CN 202210569989 A CN202210569989 A CN 202210569989A CN 117149889 A CN117149889 A CN 117149889A
Authority
CN
China
Prior art keywords
breakpoint
coordinate axis
numerical
interval
attribute
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
Application number
CN202210569989.2A
Other languages
English (en)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202210569989.2A priority Critical patent/CN117149889A/zh
Publication of CN117149889A publication Critical patent/CN117149889A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/26Visual data mining; Browsing structured data
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/24Querying
    • G06F16/242Query formulation
    • G06F16/2428Query predicate definition using graphical user interfaces, including menus and forms

Abstract

本申请公开一种图数据的处理方法和相关装置,可用于云技术、人工智能、智慧交通、辅助驾驶等场景,在可视化分析界面中展示包括坐标轴组件和断点组件的区间选择器,坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围。响应于第一编辑操作在坐标轴上展示多个数值区间,多个数值区间是以断点滑块对应于坐标轴的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间。响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记,进而基于多个数值区间和属性标记,在可视化分析界面上渲染原始图数据中目标对象的属性标记。由此降低用户的心智负担,提高使用效率,在展示数值区间上更加直观。

Description

一种图数据的处理方法和相关装置
技术领域
本申请涉及计算机技术领域,特别是涉及一种图数据的处理方法和相关装置。
背景技术
图是一种强大的分析工具,它在帮助人类交流、理解世界、解决科学问题上有着悠久的历史。可视化分析也是数据可视化的三大主要研究领域之一,可视化分析通过展示实体,或者展示实体和实体关系,帮助用户获取数据的洞悉能力。如今可视化分析已广泛应用在知识图谱、社交网络、金融风控、网络安全等领域。
在进行可视化分析时,可能存在大量的实体或者实体关系,为了直观、快速的知晓需要对哪些实体或者实体关系对应的数据进行分析,可以对图数据进行标记,以便根据标记快速定位需要分析的数据。
然而目前的方式,通过输入数值的方式划分数值区间,由于需要保证不同的数值区间在范围上不能重叠,所以在输入数值以得到不同的数值区间时,需要用户做复杂的判断,即输入的数值不能落入已有的数值区间中,也不能超出原始的数值范围,这样输入的容错率非常低,增加用户的心智负担,降低使用效率。并且在展示数值区间上不够直观,用户难以察觉每个数值区间在数值范围内的位置和占比。
发明内容
为了解决上述技术问题,本申请提供了一种图数据的处理方法和相关装置,无需用户做复杂的判断,便可保证不同的数值区间在范围上不重叠,从而提高容错率,降低用户的心智负担,提高使用效率。并且在展示数值区间上更加直观,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
本申请实施例公开了如下技术方案:
一方面,本申请实施例提供一种图数据的处理方法,所述方法包括:
在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
一方面,本申请实施例提供一种图数据的处理方法,所述方法包括:
获取原始图数据;
根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置,并以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
一方面,本申请实施例提供一种图数据的处理装置,所述装置包括展示单元、添加单元和渲染单元:
所述展示单元,用于在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
所述展示单元,还用于响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
所述添加单元,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述渲染单元,用于基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
一方面,本申请实施例提供一种图数据的处理装置,所述装置包括获取单元、计算单元、拆分单元、添加单元、生成单元和渲染单元:
所述获取单元,用于获取原始图数据;
所述计算单元,用于根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
所述获取单元,还用于响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置;
所述拆分单元,用于以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
所述添加单元,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述生成单元,用于根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
所述渲染单元,用于根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
一方面,本申请实施例提供一种计算机设备,所述计算机设备包括处理器以及存储器:
所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;
所述处理器用于根据所述程序代码中的指令执行前述任一方面所述的方法。
一方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质用于存储程序代码,所述程序代码用于执行前述任一方面所述的方法。
一方面,本申请实施例提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现前述任一方面所述的方法。
由上述技术方案可以看出,在可视化分析界面中展示区间选择器,区间选择器包括坐标轴组件和断点组件,坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,坐标轴组件包括坐标轴,断点组件包括断点滑块。当用户对坐标轴对应的断点滑块执行第一编辑操作后,响应于第一编辑操作在坐标轴上展示多个数值区间,多个数值区间是以断点滑块对应于坐标轴的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间。由于通过第一编辑操作可以编辑断点滑块,进而通过编辑后的断点滑块将数值范围进行拆分,用户可以通过坐标轴对应的断点滑块的位置直观地观察到数值区间的划分情况,进而直观地观察到不同的数值区间是否在范围上重叠,无需用户做复杂的判断。并且由于在坐标轴上展示多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,从而可以直观地展示数值区间,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。然后响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记,进而基于多个数值区间和多个数值区间分别对应的属性标记,在可视化分析界面上渲染原始图数据中目标对象的属性标记,以方便后续进行可视化分析。本申请通过对一个有限的坐标轴对应的断点滑块执行第一编辑操作,利用编辑后的断点滑块将一个有限的数值范围拆分成多个带有属性标记的数值区间,多个带属性标记的数值区间将用于原始图数据中目标对象的属性标记配置,从而无需用户做复杂的判断,便可保证不同的数值区间在范围上不重叠,从而提高容错率,降低用户的心智负担,提高使用效率。并且在展示数值区间上更加直观,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术成员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1a为相关技术提供的一种数值区间的展示方式示例图;
图1b为相关技术提供的一种添加数值区间的界面示例图;
图2为本申请实施例提供的一种图数据的处理方法的应用场景架构图;
图3为本申请实施例提供的一种图数据的处理方法的流程图;
图4为本申请实施例提供的一种区间选择器的示例图;
图5为本申请实施例提供的一种对断点滑块执行第一编辑操作的示例图;
图6为本申请实施例提供的一种区间选择器的效果示例图;
图7为本申请实施例提供的一种在可视化分析界面上渲染原始图数据中目标对象的属性标记的效果示例图;
图8为本申请实施例提供的另一种图数据的处理方法的流程图;
图9为本申请实施例提供的一种图数据的处理方法的结构流程图;
图10为本申请实施例提供的一种图数据的处理装置的结构图;
图11为本申请实施例提供的另一种图数据的处理装置的结构图;
图12为本申请实施例提供的一种终端的结构图;
图13为本申请实施例提供的一种服务器的结构图。
具体实施方式
下面结合附图,对本申请的实施例进行描述。
在进行图数据的标记时,通常是将一个有限的数值范围拆分成多个带有属性标记的数值区间。然而,将一个有限的数值范围拆分成多个带有属性标记的数值区间可能使用不同的交互方式,相关技术中提供的一种交互方式可以如图1a和图1b所示,图1a示出了一种数值区间的展示方式示例图,该数值区间展示成列表形式,分别显示数值区间的最小(例如10、40)、最大值(例如20、50)、以及颜色(即以属性标记是颜色为例,图1a通过不同形状的填充代表不同的颜色),对每个数值区间有单独的编辑操作和删除操作。图1b示出了一种添加数值区间的界面示例图,即相关技术在添加数值区间时,需要手动输入数值区间的最大值(例如80)和最小值(例如60)。
相关技术可以满足用户需求,但是在展示数值区间上,对于连续的数值区间展示不够直观,用户难以察觉每个数值区间的在数值范围内的位置和占比。在添加数值区间的交互上,由于需要保证不同的数值区间在范围上不能重叠,所以在输入数值以得到不同的数值区间时,需要用户做复杂的判断,即输入的数值不能落入已有的数值区间中,也不能超出原始的数值范围,这样输入的容错率非常低,增加用户的心智负担,降低使用效率。
为了解决上述技术问题,本申请实施例提供一种图数据的处理方法和相关装置,无需用户做复杂的判断,便可保证不同的数值区间在范围上不重叠,从而提高容错率,降低用户的心智负担,提高使用效率。并且在展示数值区间上更加直观,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
本申请实施例可以应用在多种可视化分析场景,例如图可视化分析场景和数据可视化分析场景。在本申请实施例中,图数据是通过图形展示数据的一种方式,图数据可以包括多种类型,例如可以包括散点图、由散点构成的条形图、由多个节点和多个节点之间的边构成的网络图,等等。根据可视化分析场景的不同,图数据的类型也可能有所不同,例如在图可视化分析场景中,图数据的类型可以为由多个节点和多个节点之间的边构成的网络图;在数据可视化分析场景中,图数据的类型可以为散点图、由散点构成的条形图等。本申请实施例将主要以图可视化分析场景为例对图数据的处理方法进行介绍。
需要说明的是,本申请实施例提供的方法可以应用于知识图谱、社交网络、金融风控、网络安全等领域,以图数据是图网络为例,在知识图谱领域中,节点可以为待分析的文章信息;在社交网络中,节点可以为待分析的对象信息(例如对象画像信息);在金融风控领域中,节点可以为待分析的商品信息(例如股票信息);在网络安全领域中,节点可以为待分析的故障信息等。
本申请实施例可以借助于云技术(Cloud Technology)实现,云技术是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术。云技术是基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、以及应用技术等的总称,可以组成资源池,按需所用,灵活便利。
例如涉及云技术中的云计算,云计算(cloud computing)是一种计算模式,它将计算任务分布在大量计算机构成的资源池上,使各种应用系统能够根据需要获取计算力、存储空间和信息服务。提供资源的网络被称为“云”。“云”中的资源在使用者看来是可以无限扩展的,并且可以随时获取,按需使用,随时扩展,按使用付费。
又如涉及云技术中的大数据,大数据(Big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。随着云时代的来临,大数据也吸引了越来越多的关注,大数据需要特殊的技术,以有效地处理大量的容忍经过时间内的数据。适用于大数据的技术,包括大规模并行处理数据库、数据挖掘、分布式文件系统、分布式数据库、云计算平台、互联网和可扩展的存储系统。
如图2所示,图2示出了一种图数据的处理方法的应用场景架构图。在该应用场景中可以包括终端100,终端100上可以安装可视化分析软件,同时可以为可视化分析软件提供对应的区间选择器,其中区间选择器可以是集成在可视化分析软件中的,也可以是独立于可视化分析软件的。终端100包括但不限于手机、电脑、智能语音交互设备、智能家电、车载终端、飞行器等。本申请实施例提供的方法可应用于各种场景,包括但不限于云技术、人工智能、智慧交通、辅助驾驶等。
具体的,用户可以打开终端100上的可视化分析软件,展示可视化分析界面,在可视化分析软件中输入原始图数据。原始图数据即需要进行属性标记的图数据,属性标记可以包括多种类型,例如颜色、样式等,样式例如可以包括图形大小、文字大小、图形边框大小等,本申请实施例将主要以属性标记为颜色为例进行介绍。
当需要对原始图数据进行属性标记时,可以在可视化分析界面中展示区间选择器101,区间选择器包括坐标轴组件1011和断点组件1012,坐标轴组件1011用于展示原始图数据中目标对象的数值型属性的数值范围,坐标轴组件1011包括坐标轴,断点组件1012包括断点滑块。其中,目标对象可以是原始图数据中可视化的对象,根据原始图数据的类型的不同,目标对象也可以有所不同,例如原始图数据的类型是由多个节点和多个节点之间的边构成的网络图,则目标对象可以为节点和/或边;又如原始图数据的类型为散点图、由散点构成的条形图等,则目标对象可以为散点。
然后,用户可以对坐标轴对应的断点滑块执行第一编辑操作,以便基于编辑得到的断点滑块将数值范围进行拆分。终端100响应于第一编辑操作在坐标轴上展示多个数值区间,多个数值区间是以断点滑块对应于坐标轴上的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间。例如图2所示,可以拆分为四个数值区间,分别是图2中的数值区间1、数值区间2、数值区间3、数值区间4。
由于通过第一编辑操作可以编辑断点滑块,进而通过编辑后的断点滑块将数值范围进行拆分,用户可以通过断点滑块对应于坐标轴的位置直观地观察到数值区间的划分情况,进而直观地观察到不同的数值区间是否在范围上重叠,无需用户做复杂的判断。并且由于在坐标轴上展示多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,从而可以直观地展示数值区间,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
然后终端100响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记,进而基于多个数值区间和多个数值区间分别对应的属性标记,在可视化分析界面上渲染原始图数据中目标对象的属性标记,以方便后续进行可视化分析。在图2中,属性标记以颜色为例,通过不同形状的填充代表不同的颜色。
需要说明的是,本申请实施例涉及到的与用户相关的数据(例如原始图数据)的获取及处理是经过用户授权允许的。
需要说明的是,在本申请实施例中,还可以由终端和服务器共同执行本申请实施例提供的图数据的处理方法,例如由终端执行可视化的相关操作,例如展示区间选择器、展示多个数值区间、展示渲染了属性标记的原始图数据等,服务器可以执行后台的相关处理,例如对原始图数据进行数值范围的计算、如何基于第一编辑操作展示多个数值区间,等等,本申请实施例对此不作限定。
接下来,将分别从前端可视化角度和后台技术侧角度、结合附图对本申请实施例提供的图数据的处理方法进行详细介绍。首先,从前端可视化角度对本申请实施例提供的图数据的处理方法进行详细介绍,参见图3,图3示出了一种图数据的处理方法的流程图,所述方法包括:
S301、在可视化分析界面中展示区间选择器。
终端上可以安装可视化分析软件,同时可以为可视化分析软件提供对应的区间选择器,区间选择器是一种新型交互组件,如图4所示区间选择器主要可拆解为多个子模块,例如可以拆解成坐标轴组件和断点组件,坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,坐标轴组件可以包括坐标轴。其中,数值范围包括数值型属性的最大值和最小值,从而将其显示在坐标轴上;坐标轴可以按照任意方向进行放置,例如可以竖直放置(例如图4、图5所示)、水平放置等,本申请实施例以竖直放置为例进行介绍。
在一种可能的实现方式中,为了便于用户快速、直观的知道断点滑块所处的具体位置,坐标轴组件还可以用于展示数值范围内自动计算的坐标轴刻度及坐标轴标签,让用户快速的知道断点滑块所处位置的数值大小,即坐标轴组件还可以包括坐标轴刻度及坐标轴标签。
断点组件可以用于展示每个数值区间之间的区间边界,也是交互的主要入口,断点组件包括断点滑块,用户可以通过对断点滑块进行编辑操作例如第一编辑操作,来调整数值区间的区间边界。需要说明的是,在本申请实施例中,后续基于第一编辑操作在坐标轴上展示多个数值区间可以是在不同的区间选择器的展示界面基础上实现的,一种可以是区间选择器的展示界面中基于默认设置展示默认数值区间,进而用户可以根据实际需求在该默认数值区间的基础上执行第一编辑操作。在这种情况下,S301中展示区间选择器时可以展示区间选择器的默认界面(例如图6所示),所述默认界面中的默认数值区间时基于默认设置确定的。另一种方式是用户在完全未设置的区间选择器中执行第一编辑操作,在这种情况下,S301中展示区间选择器时可以展示区间选择器的干净界面(即区间选择器中每个需要设置的位置都未被设置,例如坐标轴处无断点滑块,未被划分成多个数值区间)。
在一种可能的实现方式中,在区间选择器之上可以通过区间选择器的应用程序接口(Application Programming Interface,API),针对不同的业务产品做一些自定义配置。例如,区间选择器还可以包括配置区域,配置区域可以包括色板高度配置子区域和/或刻度数量设置子区域,色板高度配置子区域用于配置数值范围在坐标轴上的色板高度,即将数值范围展示在坐标轴上实际对应的像素值,例如在色板高度配置子区域配置色板高度为336,若数值范围的最大值是154,则基于色板高度确定最大值154的显示位置。刻度数量设置子区域用于配置坐标轴上展示的刻度数量,基于展示刻度数量可以确定刻度长度,从而确定展示的坐标轴标签在坐标轴上的位置,以及坐标轴刻度分别是多少。
其中,计算刻度长度的计算公式可以如下所示:
const axisTickStep=(max-min)/axisTickLength
其中,max表示坐标轴上的最大值、min表示坐标轴上的最小值,axisTickLength表示刻度数量,也可以成为数组的长度,const axisTickStep表示刻度长度。
根据刻度数量,可以生成坐标轴刻度列表,坐标轴刻度列表可以通过长度为刻度数量(axisTickLength)的数组表示,坐标轴刻度列表可以包含坐标轴刻度的偏移位置和坐标轴标签。计算坐标轴刻度列表的流程如下:
其中,坐标轴标签可以为数组索引(index)乘以刻度长度在加上坐标轴最小值min(例如可以是0),偏移位置可以为数组索引(index)乘以色板高度(height)再除以axisTickLength。例如,图4中配置的刻度数量为4,展示的坐标轴刻度依次是0、38.5、77、115.5和154,并将其按照对应的偏移位置进行显示。
在一种可能的实现方式中,本申请实施例提供的方法可以应用在图可视化分析场景中,此时,原始图数据可以包括多个节点和多个节点之间的边,目标对象可以包括多个节点和/或多个节点之间的边。
S302、响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间。
其中,多个数值区间可以是以断点滑块对应于坐标轴的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间,从而可以直观地展示数值区间,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
另外,由于坐标轴组件还可以包括坐标轴刻度及坐标轴标签,从而展示断点滑块所处位置的数值大小,使得用户可以快速的知道每个数值区间在数值范围内的具体位置和具体占比。基于第一编辑操作得到的断点滑块可以位于坐标轴上,也可以位于坐标轴的侧边,本申请实施例对此不作限定。为了便于介绍,本申请实施例主要以断点滑块位于坐标轴上为例。
可以理解的是,第一编辑操作可以包括多种可能实现的操作,在一种可能的实现方式中,第一编辑操作可以包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
若第一编辑操作包括添加断点滑块操作,响应于对坐标轴对应的断点滑块的第一编辑操作,在坐标轴上展示多个数值区间的实现方式可以是当接收到针对坐标轴对应的空白区域的点击操作时,在点击操作所在位置添加断点滑块(例如图5中圆圈所示的位置),从而基于添加后的断点滑块,在坐标轴上展示多个数值区间。其中,点击操作所在的位置可以是用户希望添加断点滑块的位置。
在一些可能的实现方式中,区间选择器还可以包括配置区域,配置区域还可以增加一些更加直观、便于操作的按钮,例如添加按钮(例如图4中圆圈与“+”组成的按钮所示),添加按钮可以用于添加断点滑块,即当用户希望添加断点滑块时,用户可以将光标(例如鼠标)停留在希望添加断点滑块的位置,用户可以对添加按钮执行点击操作,终端可以响应于对添加按钮的点击操作,在坐标轴的光标停留位置添加断点滑块,进而基于添加后的断点滑块,在坐标轴上展示多个数值区间。
若第一编辑操作包括删除断点滑块操作,响应于对坐标轴对应的断点滑块的第一编辑操作,在坐标轴上展示多个数值区间的实现方式可以是响应于针对坐标轴对应的目标断点滑块的拖拽操作,控制目标断点滑块向远离坐标轴的方向移动(例如图5中箭头所示的方向,即拖拽操作为向外拖拽)。当目标断点滑块移动至超出断点滑块区域的位置时,删除目标断点滑块,进而基于删除后的断点滑块,在坐标轴上展示多个数值区间。
例如,当用户希望删除某个断点滑块,则用户可以选中该断点滑块,将其作为目标断点滑块。例如用户选中图5中坐标轴刻度为“77”的位置所对应的断点滑块作为目标断点滑块,则用户可以向外拖拽该目标断点滑块(例如长按鼠标向外拖拽),即对该目标断点滑块执行拖拽操作,当目标断点滑块移动至超出断点滑块区域的位置时,用户可以释放鼠标,删除目标断点滑块。
在一些可能的实现方式中,区间选择器还可以包括配置区域,配置区域还可以增加一些更加直观、便于操作的按钮,例如删除按钮(例如图4中圆圈与“-”组成的按钮所示),删除按钮可以用于增加某个断点滑块,即当用户希望删除某个断点滑块(例如目标断点滑块)时,用户可以选中希望删除的断点滑块作为目标断点滑块,用户可以对删除按钮执行点击操作,终端可以响应于对删除按钮的点击操作,删除被选中的目标断点滑块,进而基于删除后的断点滑块,在坐标轴上展示多个数值区间。
若第一编辑操作包括移动断点滑块操作,响应于对坐标轴对应的断点滑块的第一编辑操作,在坐标轴上展示多个数值区间的方式可以是响应于对坐标轴对应的目标断点滑块的移动操作,沿着坐标轴的方向移动目标断点滑块。当移动操作停止时,基于移动后的目标断点滑块在坐标轴上展示多个数值区间。
例如,当用户希望移动某个断点滑块,则用户可以选中该断点滑块,将其作为目标断点滑块。例如用户选中图5中坐标轴刻度为“38.5”的位置所对应的断点滑块作为目标断点滑块,则用户可以沿着坐标轴拖拽该目标断点滑块(例如当坐标轴为竖直放置时,则可以长按鼠标上下拖拽目标断点滑块),即对该目标断点滑块执行移动操作,当移动操作停止时,例如用户释放鼠标后,则更新目标断点滑块的位置,基于移动后的目标断点滑块在坐标轴上展示多个数值区间。
在另一种可能的实现方式中,由于区间选择器还可以做一些自定义配置,例如,区间选择器还可以包括配置区域,配置区域可以包括断点值输入框(例如图4所示)。在这种情况下,响应于对坐标轴对应的断点滑块的第一编辑操作,在坐标轴上展示多个数值区间的实现方式可以是在断点值输入框中显示输入的数值,在该数值所指示的坐标轴的位置处显示断点滑块,进而基于显示的断点滑块,在坐标轴上展示多个数值区间。
例如图5所示,在断点值输入框中输入的数值是“115.5”,则可以在“115.5”所指示的坐标轴的位置处显示断点滑块,进而基于显示的断点滑块,在坐标轴上展示多个数值区间。
需要说明的是,在基于第一编辑操作得到所有断点滑块后,断点滑块还可以具有对一个的断点标签,断点标签用于标识对应的断点滑块对应于坐标轴的位置,例如断点滑块对应于坐标轴上的位置为坐标轴“77”所指示的位置,则断点标签为77(例如图4所示),从而便于用户直观的知道不同数值区间的区间边界的具体位置,即知道数值区间的具体位置,进而知道数值区间的具体占比。
S303、响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记。
由于本申请实施例的目的是对原始图数据中的目标对象进行标记,从而根据目标对象的标记将目标对象进行聚类,以便可以根据标记更方便的确定对哪些目标对象对应的数据进行分析。为此,在得到多个数值区间时,还可以为每个数值区间设置属性标记,以便可以根据数值区间的属性标记渲染目标对象的属性标记。
基于此,在一种可能的实现方式中,区间选择器还可以包括配置区域,配置区域还可以包括属性标记配置子区域,此时,响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记的方式可以是响应于对属性标记配置子区域的触发操作,展示候选属性标记,基于对候选属性标记中目标属性标记的选定操作,在属性标记配置子区域展示目标属性标记,并在目标数值区间展示目标属性标记,目标数值区间为从所述多个数值区间中选定的数值区间。
基于前述介绍,属性标记可以是不同的形式,例如属性标记可以是颜色。当属性标记是颜色时,属性标记配置子区域可以是颜色配置子区域(参见图4所示),当用户需要设置不同数值区间的颜色时,用户可以选中该数值区间作为目标数值区间,进而对颜色配置子区域执行触发操作,例如用户点击图4所示的颜色配置子区域。终端响应于该触发操作,展示候选属性标记(此时候选属性标记可以是候选颜色)。其中,候选颜色可以是通过图4所示的颜色选择器提供并展示的。用户可以基于展示的候选颜色选择希望设置的颜色,基于对候选属性标记(候选颜色)中目标属性标记(目标颜色例如黑色)的选定操作,在属性标记配置子区域(颜色配置子区域)展示目标属性标记(目标颜色例如黑色),并在目标数值区间展示目标属性标记(目标颜色例如黑色),目标数值区间为从多个数值区间中选定的数值区间。
需要说明的是,为了实现为数值区间添加对应的属性标记,区间选择器还可以包括属性标记组件,基于此,响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记的方式可以是响应于属性标记配置操作,通过属性标记组件展示多个数值区间分别对应的属性标记以及每个数值区间的大小。
当属性标记为颜色时,属性标记组件可以是为颜色块组件(例如图4所示),此时属性标记配置操作为颜色配置操作,响应于属性标记配置操作,通过属性标记组件展示多个数值区间分别对应的属性标记以及每个数值区间的大小的方式可以是响应于颜色配置操作,通过颜色块组件以颜色块的形式展示多个数值区间分别对应的颜色以及每个数值区间的大小。如图4所示,不同的数值区间可以通过颜色块填充,颜色块的高度可以表示该数值区间的大小,从而可以更加直观、清晰地观察到不同数值区间的具体位置和占比。
另外,断点滑块也可以设置对应的颜色,其中除了坐标轴刻度为“0”的位置所对应的断点滑块,其余断点滑块的颜色可以与其作为最大区间边界所属数值区间的颜色相同。坐标轴刻度为“0”的位置所对应的断点滑块的颜色可以设置为与其他断点滑块的颜色不同的颜色,例如设置为白色。
通过上述方式,若最终确定断点滑块分别设置在坐标轴刻度为“0”、“38、5”、“77”、“115.5”和“154”对应的位置,断点滑块和数值区间的颜色也分别完成设置,则最终区间选择器的效果示例图可以参见图6所示。
S304、基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
在完成数值区间的拆分及配置多个数值区间分别对应的属性标记后,终端可以在可视化分析界面上渲染原始图数据中目标对象的属性标记。基于图6所示的拆分及配置的属性标记(以属性标记是颜色为例),以原始图数据是网络图,目标对象是节点为例,在可视化分析界面上渲染原始图数据中目标对象的属性标记的效果示例图可以参见图7所示。
由上述技术方案可以看出,在可视化分析界面中展示区间选择器,区间选择器包括坐标轴组件和断点组件,坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,坐标轴组件包括坐标轴,断点组件包括断点滑块。当用户对坐标轴对应的断点滑块执行第一编辑操作后,响应于第一编辑操作在坐标轴上展示多个数值区间,多个数值区间是以断点滑块对应于坐标轴的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间。由于通过第一编辑操作可以编辑断点滑块,进而通过编辑后的断点滑块将数值范围进行拆分,用户可以通过坐标轴对应的断点滑块的位置直观地观察到数值区间的划分情况,进而直观地观察到不同的数值区间是否在范围上重叠,无需用户做复杂的判断。并且由于在坐标轴上展示多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,从而可以直观地展示数值区间,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。然后响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记,进而基于多个数值区间和多个数值区间分别对应的属性标记,在可视化分析界面上渲染原始图数据中目标对象的属性标记,以方便后续进行可视化分析。本申请通过对一个有限的坐标轴对应的断点滑块执行第一编辑操作,利用编辑后的断点滑块将一个有限的数值范围拆分成多个带有属性标记的数值区间,多个带属性标记的数值区间将用于原始图数据中目标对象的属性标记配置,从而无需用户做复杂的判断,便可保证不同的数值区间在范围上不重叠,从而提高容错率,降低用户的心智负担,提高使用效率。并且在展示数值区间上更加直观,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
下面继续从后台技术侧角度对本申请实施例提供的图数据的处理方法进行介绍。参见图8,图8示出了另一种图数据的处理方法的流程图,所述方法包括:
S801、获取原始图数据。
本申请实施例提供的图数据的处理方法的结构流程图可以参见图9所示,在可视化分析软件中,用户可以输入原始图数据,在本申请实施例中,以原始图数据是由多个节点和多个节点之间的边构成的网络图为例,基于获取到的原始图数据,可以进行属性型属性列表的计算,即可以提取原始图数据中目标对象例如节点对应的数值型属性的具体数值,从而构成数值型属性列表。
S802、根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围。
终端可以通过可视化分析软件计算出原始图数据中目标对象的数值型属性的数值范围,数值范围可以通过最大值和最小值表示,进行将最大值和最小值作为参数传入区间选择器。其中,S801-S802可以参见图9中901所示。
S803、响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置,并以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间。
用户可以在区间选择器中对坐标轴对应的断点滑块的第一编辑操作,从而获取第一编辑操作后得到的断点滑块对应于坐标轴的位置,进而以断点滑块对应于坐标轴的位置为区间边界将数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间。
其中,坐标轴位于坐标轴组件上,断点滑块位于断点组件上,坐标轴组件和断点组件位于区间选择器上。第一编辑操作以及坐标轴组件、断点组件等在图3对应的实施例中已经进行了详细的介绍,此处不再赘述。
S804、响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记。
其中,S804的具体实现方式可以参见S303所示,此处不再赘述。
S805、根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据。
在完成多个数值区间的拆分和属性标记的配置后,可以根据多个数值区间和多个数值区间分别对应的属性标记生成区间列表数据。
在一种可能的实现方式中,区间列表数据可以通过容器组件进行保存,容器组件可以是用于接受外部配置参数,维护内部状态管理内部子组件。当属性标记为颜色时,其中可支持的参数如下表:
其中区间列表数据的values数据结构如下:
offset:0,color:白色
offset:0.25,color:红色
offset:0.75,color:绿色
offset:1,color:蓝色
其中,offset代表当前的断点滑块对应于坐标轴的位置,取值范围为0到1之间的数值,values至少应该有两项数据,即offset分别为0和1时对应的数据;color代表当前的断点滑块的颜色值,颜色值的格式可为十六进制颜色值或RGB(红色-绿色-蓝色)颜色值。
其中,S803-S805可以参见图9中902所示,第一编辑操作可以是添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种的组合,从而通过第一编辑操作实现添加断点滑块、删除断点滑块和移动断点滑块,进而基于得到的断点滑块确定不同数值区间的位置。还可以基于属性标记的配置,体现不同数值区间的颜色。进而生成体现数值区间的位置和颜色的区间列表数据。
S806、根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
在得到区间列表数据后,可以基于区间列表数据对原始图数据中的目标对象(例如节点)进行属性标记的渲染。若属性标记是颜色,则是基于区间列表数据对原始图数据中的目标对象(例如节点)进行染色。参见图9中903所示,903示出了对节点进行染色的图可视化的结果,在903中可以通过不同形式的填充来表示不同的颜色,不同形式的填充与颜色之间的图示可以参见903所示。
在一种可能的实现方式中,由于用户可能需要对生成的区间列表数据进行修改,因此在一些情况下,可以根据对坐标轴对应的对断点滑块的第二编辑操作,更新区间列表数据,从而根据更新后的区间列表数据对原始图数据中的目标对象进行属性标记的渲染。
与第一编辑操作类似,第二编辑操作也可以包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
若第二编辑操作包括添加断点滑块操作,根据对坐标轴对应的断点滑块的第二编辑操作,更新区间列表数据的方式可以是检测断点滑块的点击事件,若检测到针对坐标轴对应的空白区域的点击操作,获取点击操作对应于坐标轴的第一位置,进而基于第一位置,向区间列表数据中添加断点滑块,得到更新后的区间列表数据。
其中,基于第一位置,向区间列表数据中添加断点滑块,得到更新后的区间列表数据的方式可以是计算第一位置与坐标轴原点之间的距离offsetDistance。向values新增一个断点滑块项,其中offset为offsetDistance除以height。触发回调函数onChange以利用新增的offset更新区间列表数据。
若第二编辑操作包括删除断点滑块操作,根据对坐标轴对应的断点滑块的第二编辑操作,更新区间列表数据的方式可以是检测针对坐标轴对应的目标断点滑块的拖拽操作,若检测到目标断点滑块响应于拖拽操作移动至超出断点滑块区域的位置,从区间列表数据中删除目标断点滑块,得到更新后的区间列表数据。
从区间列表数据中删除目标断点滑块,得到更新后的区间列表数据的方式可以是检测断点滑块拖拽事件,当检测到目标断点滑块被拖拽至超出断点滑块区域的位置时,触发删除断点滑块事件,即从values删除目标断点滑块对应的断点项。触发回调函数onChange以更新区间列表数据。
若第二编辑操作包括移动断点滑块操作,根据对坐标轴对应的断点滑块的第二编辑操作,更新区间列表数据的方式可以是检测针对坐标轴对应的目标断点滑块的拖拽操作,若检测到目标断点滑块从对应于坐标轴的第二位置移动到对应于坐标轴的第三位置,基于第三位置更新区间列表数据得到更新后的区间列表数据。
具体的,终端可以检测断点滑块拖拽事件,当检测到目标断点滑块的位置发生移动时,触发断点滑块移动事件。若检测到目标断点滑块从对应于坐标轴的第二位置移动到对应于坐标轴的第三位置,基于第三位置重新计算目标断点滑块对应的断点项的offset,并更新到values,触发回调函数onChange以更新区间列表数据。
需要说明的是,本申请在上述各方面提供的实现方式的基础上,还可以进行进一步组合以提供更多实现方式。
基于图3对应实施例提供的图数据的处理方法,本申请实施例还提供一种图数据的处理装置1000。参见图10,所述图数据的处理装置1000包括展示单元1001、添加单元1002和渲染单元1003:
所述展示单元1001,用于在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
所述展示单元1001,还用于响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
所述添加单元1002,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述渲染单元1003,用于基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
在一种可能的实现方式中,所述第一编辑操作包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
在一种可能的实现方式中,若所述第一编辑操作包括添加断点滑块操作,所述展示单元1001,具体用于:
当接收到针对所述坐标轴对应的空白区域的点击操作时,在所述点击操作所在位置添加断点滑块;
基于添加后的断点滑块,在所述坐标轴上展示多个数值区间;
或者,
所述区间选择器还包括配置区域,所述配置区域包括添加按钮,响应于对所述添加按钮的点击操作,在所述坐标轴的光标停留位置添加断点滑块;
基于添加后的断点滑块,在所述坐标轴上展示多个数值区间。
在一种可能的实现方式中,若所述第一编辑操作包括删除断点滑块操作,所述展示单元1001,具体用于:
响应于针对所述坐标轴对应的目标断点滑块的拖拽操作,控制所述目标断点滑块向远离所述坐标轴的方向移动;
当所述目标断点滑块移动至超出断点滑块区域的位置时,删除所述目标断点滑块;
基于删除后的断点滑块,在所述坐标轴上展示多个数值区间;
或者,
所述区间选择器还包括配置区域,所述配置区域包括删除按钮,响应于对所述区间选择器上删除按钮的点击操作,删除被选中的目标断点滑块;
基于删除后的断点滑块,在所述坐标轴上展示多个数值区间。
在一种可能的实现方式中,若所述第一编辑操作包括移动断点滑块操作,所述展示单元1001,具体用于:
响应于对所述坐标轴对应的目标断点滑块的移动操作,沿着所述坐标轴的方向移动所述目标断点滑块;
当所述移动操作停止时,基于移动后的所述目标断点滑块在所述坐标轴上展示多个数值区间。
在一种可能的实现方式中,所述区间选择器还包括配置区域,所述配置区域包括断点值输入框,所述展示单元1001,具体用于:
在所述断点值输入框中显示输入的数值;
在所述数值所指示的所述坐标轴的位置处显示断点滑块;
基于显示的断点滑块,在所述坐标轴上展示多个数值区间。
在一种可能的实现方式中,所述区间选择器还包括配置区域,所述配置区域包括属性标记配置子区域,所述添加单元1002,具体用于:
响应于对所述属性标记配置子区域的触发操作,展示候选属性标记;
基于对所述候选属性标记中目标属性标记的选定操作,在所述属性标记配置子区域展示所述目标属性标记,并在目标数值区间展示所述目标属性标记,所述目标数值区间为从所述多个数值区间中选定的数值区间。
在一种可能的实现方式中,所述区间选择器还包括属性标记组件,所述添加单元1002,具体用于:
响应于属性标记配置操作,通过所述属性标记组件展示所述多个数值区间分别对应的属性标记以及每个数值区间的大小。
在一种可能的实现方式中,所述属性标记为颜色,所述属性标记组件为颜色块组件,所述属性标记配置操作为颜色配置操作,所述添加单元1002,具体用于:
响应于所述颜色配置操作,通过所述颜色块组件以颜色块的形式展示多个数值区间分别对应的颜色以及每个数值区间的大小。
在一种可能的实现方式中,所述区间选择器还包括配置区域,所述配置区域包括色板高度配置子区域和/或刻度数量设置子区域,所述色板高度配置子区域用于配置所述数值范围在所述坐标轴上的色板高度,所述刻度数量设置子区域用于配置所述坐标轴上展示的刻度数量。
在一种可能的实现方式中,所述原始图数据包括多个节点和所述多个节点之间的边,所述目标对象包括所述多个节点和/或所述多个节点之间的边。
基于图8对应实施例提供的图数据的处理方法,本申请实施例还提供一种图数据的处理装置1100。参见图11,所述图数据的处理装置1100包括获取单元1101、计算单元1102、拆分单元1103、添加单元1104、生成单元1105和渲染单元1106:
所述获取单元1101,用于获取原始图数据;
所述计算单元1102,用于根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
所述获取单元1101,还用于响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置;
所述拆分单元1103,用于以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
所述添加单元1104,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述生成单元1105,用于根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
所述渲染单元1106,用于根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
在一种可能的实现方式中,所述装置还包括更新单元:
所述更新单元,用于根据对所述坐标轴对应的断点滑块的第二编辑操作,更新所述区间列表数据;
所述渲染单元1106,具体用于:
根据更新后的所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
在一种可能的实现方式中,所述第一编辑操作和第二编辑操作包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
在一种可能的实现方式中,若所述第二编辑操作包括添加断点滑块操作,所述更新单元,具体用于:
若检测到针对所述坐标轴对应的空白区域的点击操作,获取所述点击操作对应于所述坐标轴的第一位置;
基于所述第一位置,向所述区间列表数据中添加断点滑块,得到更新后的所述区间列表数据。
在一种可能的实现方式中,若所述第二编辑操作包括删除断点滑块操作,所述更新单元,具体用于:
检测针对所述坐标轴对应的目标断点滑块的拖拽操作;
若检测到所述目标断点滑块响应于所述拖拽操作移动至超出断点滑块区域的位置,从所述区间列表数据中删除所述目标断点滑块,得到更新后的所述区间列表数据。
在一种可能的实现方式中,若所述第二编辑操作包括移动断点滑块操作,所述更新单元,具体用于:
检测针对所述坐标轴对应的目标断点滑块的拖拽操作;
若检测到所述目标断点滑块从对应于所述坐标轴的第二位置移动到对应于所述坐标轴的第三位置,基于所述第三位置更新所述区间列表数据得到更新后的所述区间列表数据。
由上述技术方案可以看出,在可视化分析界面中展示区间选择器,区间选择器包括坐标轴组件和断点组件,坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,坐标轴组件包括坐标轴,断点组件包括断点滑块。当用户对坐标轴对应的断点滑块执行第一编辑操作后,响应于第一编辑操作在坐标轴上展示多个数值区间,多个数值区间是以断点滑块对应于坐标轴的位置为区间边界将数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间。由于通过第一编辑操作可以编辑断点滑块,进而通过编辑后的断点滑块将数值范围进行拆分,用户可以通过坐标轴对应的断点滑块的位置直观地观察到数值区间的划分情况,进而直观地观察到不同的数值区间是否在范围上重叠,无需用户做复杂的判断。并且由于在坐标轴上展示多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,从而可以直观地展示数值区间,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。然后响应于属性标记配置操作,对多个数值区间分别添加对应的属性标记,进而基于多个数值区间和多个数值区间分别对应的属性标记,在可视化分析界面上渲染原始图数据中目标对象的属性标记,以方便后续进行可视化分析。本申请通过对一个有限的坐标轴对应的断点滑块执行第一编辑操作,利用编辑后的断点滑块将一个有限的数值范围拆分成多个带有属性标记的数值区间,多个带属性标记的数值区间将用于原始图数据中目标对象的属性标记配置,从而无需用户做复杂的判断,便可保证不同的数值区间在范围上不重叠,从而提高容错率,降低用户的心智负担,提高使用效率。并且在展示数值区间上更加直观,用户基于构成一个数值区间的两个断点滑块对应于坐标轴的位置可以察觉每个数值区间在数值范围内的位置和占比。
本申请实施例还提供了一种计算机设备,该计算机设备可以执行图数据的处理方法。该计算机设备例如可以是终端,以终端为智能手机为例:
图12示出的是与本申请实施例提供的智能手机的部分结构的框图。参考图12,智能手机包括:射频(英文全称:Radio Frequency,英文缩写:RF)电路1210、存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、无线保真(英文缩写:WiFi)模块1270、处理器1280、以及电源1290等部件。输入单元1230可包括触控面板1231以及其他输入设备1232,显示单元1240可包括显示面板1241,音频电路1260可以包括扬声器1261和传声器1262。可以理解的是,图12中示出的智能手机结构并不构成对智能手机的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
存储器1220可用于存储软件程序以及模块,处理器1280通过运行存储在存储器1220的软件程序以及模块,从而执行智能手机的各种功能应用以及数据处理。存储器1220可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据智能手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器1220可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器1280是智能手机的控制中心,利用各种接口和线路连接整个智能手机的各个部分,通过运行或执行存储在存储器1220内的软件程序和/或模块,以及调用存储在存储器1220内的数据,执行智能手机的各种功能和处理数据。可选的,处理器1280可包括一个或多个处理单元;优选的,处理器1280可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1280中。
在本实施例中,智能手机中的处理器1280可以执行以下步骤:
在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
或,
获取原始图数据;
根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置,并以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
本申请实施例还提供一种服务器,请参见图13所示,图13为本申请实施例提供的服务器1300的结构图,服务器1300可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(Central Processing Units,简称CPU)1322(例如,一个或一个以上处理器)和存储器1332,一个或一个以上存储应用程序1342或数据1344的存储介质1330(例如一个或一个以上海量存储设备)。其中,存储器1332和存储介质1330可以是短暂存储或持久存储。存储在存储介质1330的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1322可以设置为与存储介质1330通信,在服务器1300上执行存储介质1330中的一系列指令操作。
服务器1300还可以包括一个或一个以上电源1326,一个或一个以上有线或无线网络接口1350,一个或一个以上输入输出接口1358,和/或,一个或一个以上操作系统1341,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
在本实施例中,由服务器1300中的中央处理器1322执行的步骤可以基于图13所示的结构实现。
根据本申请的一个方面,提供了一种计算机可读存储介质,所述计算机可读存储介质用于存储程序代码,所述程序代码用于执行前述各个实施例所述的图数据的处理方法。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例各种可选实现方式中提供的方法。
上述各个附图对应的流程或结构的描述各有侧重,某个流程或结构中没有详述的部分,可以参见其他流程或结构的相关描述。
本申请的说明书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术成员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (22)

1.一种图数据的处理方法,其特征在于,所述方法包括:
在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
2.根据权利要求1所述的方法,其特征在于,所述第一编辑操作包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
3.根据权利要求2所述的方法,其特征在于,若所述第一编辑操作包括添加断点滑块操作,所述响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,包括:
当接收到针对所述坐标轴对应的空白区域的点击操作时,在所述点击操作所在位置添加断点滑块;
基于添加后的断点滑块,在所述坐标轴上展示多个数值区间;
或者,
所述区间选择器还包括配置区域,所述配置区域包括添加按钮,响应于对所述添加按钮的点击操作,在所述坐标轴的光标停留位置添加断点滑块;
基于添加后的断点滑块,在所述坐标轴上展示多个数值区间。
4.根据权利要求2所述的方法,其特征在于,若所述第一编辑操作包括删除断点滑块操作,所述响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,包括:
响应于针对所述坐标轴对应的目标断点滑块的拖拽操作,控制所述目标断点滑块向远离所述坐标轴的方向移动;
当所述目标断点滑块移动至超出断点滑块区域的位置时,删除所述目标断点滑块;
基于删除后的断点滑块,在所述坐标轴上展示多个数值区间;
或者,
所述区间选择器还包括配置区域,所述配置区域包括删除按钮,响应于对所述区间选择器上删除按钮的点击操作,删除被选中的目标断点滑块;
基于删除后的断点滑块,在所述坐标轴上展示多个数值区间。
5.根据权利要求2所述的方法,其特征在于,若所述第一编辑操作包括移动断点滑块操作,所述响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,包括:
响应于对所述坐标轴对应的目标断点滑块的移动操作,沿着所述坐标轴的方向移动所述目标断点滑块;
当所述移动操作停止时,基于移动后的所述目标断点滑块在所述坐标轴上展示多个数值区间。
6.根据权利要求1所述的方法,其特征在于,所述区间选择器还包括配置区域,所述配置区域包括断点值输入框,所述响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,包括:
在所述断点值输入框中显示输入的数值;
在所述数值所指示的所述坐标轴的位置处显示断点滑块;
基于显示的断点滑块,在所述坐标轴上展示多个数值区间。
7.根据权利要求1所述的方法,其特征在于,所述区间选择器还包括配置区域,所述配置区域包括属性标记配置子区域,所述响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记,包括:
响应于对所述属性标记配置子区域的触发操作,展示候选属性标记;
基于对所述候选属性标记中目标属性标记的选定操作,在所述属性标记配置子区域展示所述目标属性标记,并在目标数值区间展示所述目标属性标记,所述目标数值区间为从所述多个数值区间中选定的数值区间。
8.根据权利要求1-7任一项所述的方法,其特征在于,所述区间选择器还包括属性标记组件,所述响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记,包括:
响应于属性标记配置操作,通过所述属性标记组件展示所述多个数值区间分别对应的属性标记以及每个数值区间的大小。
9.根据权利要求8所述的方法,其特征在于,所述属性标记为颜色,所述属性标记组件为颜色块组件,所述属性标记配置操作为颜色配置操作,所述响应于属性标记配置操作,通过所述属性标记组件展示所述多个数值区间分别对应的属性标记以及每个数值区间的大小,包括:
响应于所述颜色配置操作,通过所述颜色块组件以颜色块的形式展示多个数值区间分别对应的颜色以及每个数值区间的大小。
10.根据权利要求1-7任一项所述的方法,其特征在于,所述区间选择器还包括配置区域,所述配置区域包括色板高度配置子区域和/或刻度数量设置子区域,所述色板高度配置子区域用于配置所述数值范围在所述坐标轴上的色板高度,所述刻度数量设置子区域用于配置所述坐标轴上展示的刻度数量。
11.根据权利要求1-7任一项所述的方法,其特征在于,所述原始图数据包括多个节点和所述多个节点之间的边,所述目标对象包括所述多个节点和/或所述多个节点之间的边。
12.一种图数据的处理方法,其特征在于,所述方法包括:
获取原始图数据;
根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置,并以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
13.根据权利要求12所述的方法,其特征在于,所述方法还包括:
根据对所述坐标轴对应的断点滑块的第二编辑操作,更新所述区间列表数据;
所述根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染,包括:
根据更新后的所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
14.根据权利要求13所述的方法,其特征在于,所述第一编辑操作和第二编辑操作包括添加断点滑块操作、删除断点滑块操作和移动断点滑块操作中一种或多种组合。
15.根据权利要求14所述的方法,其特征在于,若所述第二编辑操作包括添加断点滑块操作,所述根据对所述坐标轴对应的断点滑块的第二编辑操作,更新所述区间列表数据,包括:
若检测到针对所述坐标轴对应的空白区域的点击操作,获取所述点击操作对应于所述坐标轴的第一位置;
基于所述第一位置,向所述区间列表数据中添加断点滑块,得到更新后的所述区间列表数据。
16.根据权利要求14所述的方法,其特征在于,若所述第二编辑操作包括删除断点滑块操作,所述根据对所述坐标轴对应的断点滑块的第二编辑操作,更新所述区间列表数据,包括:
检测针对所述坐标轴对应的目标断点滑块的拖拽操作;
若检测到所述目标断点滑块响应于所述拖拽操作移动至超出断点滑块区域的位置,从所述区间列表数据中删除所述目标断点滑块,得到更新后的所述区间列表数据。
17.根据权利要求14所述的方法,其特征在于,若所述第二编辑操作包括移动断点滑块操作,所述根据对所述坐标轴对应的断点滑块的第二编辑操作,更新所述区间列表数据,包括:
检测针对所述坐标轴对应的目标断点滑块的拖拽操作;
若检测到所述目标断点滑块从对应于所述坐标轴的第二位置移动到对应于所述坐标轴的第三位置,基于所述第三位置更新所述区间列表数据得到更新后的所述区间列表数据。
18.一种图数据的处理装置,其特征在于,所述装置包括展示单元、添加单元和渲染单元:
所述展示单元,用于在可视化分析界面中展示区间选择器,所述区间选择器包括坐标轴组件和断点组件,所述坐标轴组件用于展示原始图数据中目标对象的数值型属性的数值范围,所述坐标轴组件包括坐标轴,所述断点组件包括断点滑块;
所述展示单元,还用于响应于对所述坐标轴对应的所述断点滑块的第一编辑操作,在所述坐标轴上展示多个数值区间,所述多个数值区间是以断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围进行拆分得到的,任意相邻的两个断点滑块之间的区间作为一个数值区间;
所述添加单元,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述渲染单元,用于基于所述多个数值区间和所述多个数值区间分别对应的属性标记,在所述可视化分析界面上渲染所述原始图数据中所述目标对象的属性标记。
19.一种图数据的处理装置,其特征在于,所述装置包括获取单元、计算单元、拆分单元、添加单元、生成单元和渲染单元:
所述获取单元,用于获取原始图数据;
所述计算单元,用于根据所述原始图数据计算所述原始图数据中目标对象的数值型属性的数值范围;
所述获取单元,还用于响应于对坐标轴对应的断点滑块的第一编辑操作,获取所述断点滑块对应于所述坐标轴的位置;
所述拆分单元,用于以所述断点滑块对应于所述坐标轴的位置为区间边界将所述数值范围拆分成多个数值区间,任意相邻的两个断点滑块之间的区间作为一个数值区间,所述坐标轴位于坐标轴组件上,所述断点滑块位于断点组件上,所述坐标轴组件和所述断点组件位于区间选择器上;
所述添加单元,用于响应于属性标记配置操作,对所述多个数值区间分别添加对应的属性标记;
所述生成单元,用于根据所述多个数值区间和所述多个数值区间分别对应的属性标记生成区间列表数据;
所述渲染单元,用于根据所述区间列表数据对所述原始图数据中的目标对象进行属性标记的渲染。
20.一种计算机设备,其特征在于,所述计算机设备包括处理器以及存储器:
所述存储器用于存储程序代码,并将所述程序代码传输给所述处理器;
所述处理器用于根据所述程序代码中的指令执行权利要求1-11或12-17任一项所述的方法。
21.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质用于存储程序代码,所述程序代码当被处理器执行时使所述处理器执行权利要求1-11或12-17任一项所述的方法。
22.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1-11或12-17任一项所述的方法。
CN202210569989.2A 2022-05-24 2022-05-24 一种图数据的处理方法和相关装置 Pending CN117149889A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210569989.2A CN117149889A (zh) 2022-05-24 2022-05-24 一种图数据的处理方法和相关装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210569989.2A CN117149889A (zh) 2022-05-24 2022-05-24 一种图数据的处理方法和相关装置

Publications (1)

Publication Number Publication Date
CN117149889A true CN117149889A (zh) 2023-12-01

Family

ID=88885526

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210569989.2A Pending CN117149889A (zh) 2022-05-24 2022-05-24 一种图数据的处理方法和相关装置

Country Status (1)

Country Link
CN (1) CN117149889A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117594178A (zh) * 2024-01-17 2024-02-23 江苏曼荼罗软件股份有限公司 一种生命体征信息处理方法、系统、存储介质及设备

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117594178A (zh) * 2024-01-17 2024-02-23 江苏曼荼罗软件股份有限公司 一种生命体征信息处理方法、系统、存储介质及设备
CN117594178B (zh) * 2024-01-17 2024-03-29 江苏曼荼罗软件股份有限公司 一种生命体征信息处理方法、系统、存储介质及设备

Similar Documents

Publication Publication Date Title
US11216353B2 (en) Data visual analysis method, system and terminal and computer readable storage medium
CN111737800A (zh) 图元选择方法、装置及电子设备
CN109523610A (zh) 海报的生成方法、装置和存储介质
CN111857460A (zh) 分屏处理方法、分屏处理装置、电子设备和可读存储介质
CN112947923A (zh) 对象编辑方法、装置和电子设备
CN112925520A (zh) 可视化页面的搭建方法、装置及计算机设备
CN113179205A (zh) 图像分享方法、装置及电子设备
CN110928397B (zh) 用户界面刷新方法、装置、存储介质及电子装置
CN117149889A (zh) 一种图数据的处理方法和相关装置
CN113596555B (zh) 视频播放方法、装置及电子设备
CN110248165B (zh) 标签显示方法、装置、设备及存储介质
CN113794795B (zh) 信息共享方法、装置、电子设备及可读存储介质
CN112698775B (zh) 图像显示方法、装置和电子设备
CN113703634A (zh) 界面显示方法和装置
CN112449110B (zh) 图像处理方法、装置及电子设备
CN112596643A (zh) 应用图标的管理方法及装置
CN116610394A (zh) 基于模板和模块的数据可视化页面配置方法、系统和装置
CN112558853B (zh) 会话消息处理方法及装置、电子设备和存储介质
CN113872849B (zh) 消息交互方法、装置及电子设备
CN112333389B (zh) 图像显示控制方法、装置及电子设备
CN114669052A (zh) 一种游戏控制方法、装置、设备及存储介质
CN111796736B (zh) 应用程序的分享方法、装置和电子设备
CN110019877A (zh) 图像搜索方法、装置及系统、终端
CN113282780A (zh) 图片管理方法、装置、电子设备和可读存储介质
CN112698771A (zh) 显示控制方法、装置、电子设备和存储介质

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