CN112579829A - 图表可视化方法及装置 - Google Patents

图表可视化方法及装置 Download PDF

Info

Publication number
CN112579829A
CN112579829A CN201910927972.8A CN201910927972A CN112579829A CN 112579829 A CN112579829 A CN 112579829A CN 201910927972 A CN201910927972 A CN 201910927972A CN 112579829 A CN112579829 A CN 112579829A
Authority
CN
China
Prior art keywords
data
area
intersection
graphic
determining
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
CN201910927972.8A
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.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum 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 Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201910927972.8A priority Critical patent/CN112579829A/zh
Publication of CN112579829A publication Critical patent/CN112579829A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/901Indexing; Data structures therefor; Storage structures
    • G06F16/9024Graphs; Linked lists
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/904Browsing; Visualisation therefor

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)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图表可视化方法及装置。其中,该方法包括:根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸;在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域。本发明解决了相关技术中数据图表可视化方式,效果单一,使用体验较差的技术问题。

Description

图表可视化方法及装置
技术领域
本发明涉及图表统计领域,具体而言,涉及一种图表可视化方法及装置。
背景技术
目前数据图表的可视化主要用到的技术是svg和canvas,上述可视化技术只能将数据集合以维恩图的方式表示出来,并无维恩图和词云结合的图表控件。维恩图仅能显示数据集合的关系,例如,交集,并集等。存在数据可视化效果单一,使用体验较差。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种图表可视化方法及装置,以至少解决相关技术中数据图表可视化方式,效果单一,使用体验较差的技术问题。
根据本发明实施例的一个方面,提供了一种图表可视化方法,包括:根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸;在所述多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同所述数据集合对应的可视化图形的交集图形;将不同的图形区域对应的数据显示在所述图形区域内,其中,所述图形区域包括所述交集图形的图形区域,以及不同所述数据集合对应的所述可视化图形中,除所述交集图形外的补集图形的图形区域。
可选的,所述图表为维恩图,所述可视化图形为圆形,根据需要显示的数据的数量,确定所述代表对应集合的图形的尺寸包括:根据集合的数据数量,确定所述集合对应的圆形的半径。
可选的,在不同数据集合的数据存在交集的情况下,确定不同数据集合对应的图形的交集区域包括:确定具有交集的第一数据集合和第二集合,分别对应的第一圆形和第二圆形;根据所述第一圆形的圆心坐标和半径,和所述第二圆形的圆心坐标和半径,确定所述第一圆形和所述第二圆形的交点坐标;根据所述交点坐标确定所述交集区域。
可选的,将不同图形区域对应的数据显示在所述图形区域内包括:确定各个图形区域的竖向跨度区间,其中,所述图形区域包括第一补集区域,交集区域和第二补集区域,所述第一补集区域为所述第一圆形中所述交集区域的补集区域,所述第二补集区域为所述第二圆形中所述交集区域的补集区域;根据所述图形区域的数据数量,将所述竖向跨度区间平均划分为多个竖向等宽区域,在每个数据对应的竖向等宽区域内,对所述数据的位置进行偏移,确定所述数据的显示位置;在所述显示位置显示所述数据,以显示所述图形区域对应的数据进行显示。
可选的,对所述数据的位置进行偏移之后,还包括:在所述数据进行偏移后,所述数据的显示区域起点,距离所述数据对应的竖向等宽区域的右边界,小于预设阈值的情况下,对所述数据的位置进行反向偏移,以使所述数据的显示区域位于所述竖向等宽区域内;在所述数据进行反向偏移后,所述数据的显示区域与所述图形区域有重叠的情况下,对所述数据的位置向右进行二次偏移,以使所述数据的显示区域的一端位于所述数据对应的竖向等宽区域内,所述数据的显示区域的另一端位于所述数据对应的竖向等宽区域外。
可选的,还包括:在第一数据的显示区域与第二数据的显示区域有重叠的情况下,根据重叠区域的长度对所述第一数据和所述第二数据分别向远离对方的方向进行偏移,以使所述第一数据的显示区域的与所述第二数据的显示区域无重叠。
可选的,还包括:在所述第一数据的显示区域的竖向宽度,大于所述第一数据对应的竖向等宽区域的竖向宽度的情况下,在确定所述第一数据的显示位置之前,计算与以显示第一数据的显示区域错开的横向坐标范围,根据所述横向坐标范围确定显示位置的横坐标,根据所述竖向等宽区域,确定所述显示位置的纵坐标,以使所述第一数据在所述显示位置的显示区域的与第三数据的显示区域无重叠。
根据本发明实施例的另一方面,还提供了一种图表可视化装置,包括:第一确定模块,用于根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的图形区域的尺寸;第二确定模块,用于在所述多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的图形区域的交集区域;显示模块,用于将不同的图形区域对应的数据显示在所述图形区域内,其中,所述图形区域包括所述交集图形的图形区域,以及不同所述数据集合对应的所述可视化图形中,除所述交集图形外的补集图形的图形区域。
根据本发明实施例的另一方面,还提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述中任意一项所述的图表可视化方法。
根据本发明实施例的另一方面,还提供了一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如上述中任一项所述的图表可视化方法。
在本发明实施例中,采用根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸,其中,数据集合为多个;在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域的方式,通过在显示图形上显示对应数据,达到了同时以文本和图形的方式对数据进行可视化的目的,从而实现了丰富了可视化效果,提高用户体验的技术效果,进而解决了相关技术中数据图表可视化方式,效果单一,使用体验较差的技术问题。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据现有技术的一种图表可视化方法的流程图;
图2是根据本发明实施方式的维恩图可视化的示意图;
图3是根据本发明实施方式的维恩图词云偏移前的示意图;
图4是根据本发明实施方式的维恩图词云偏移后的示意图;
图5是根据本发明实施方式的维恩图词云二次偏移前的示意图;
图6是根据本发明实施方式的维恩图词云二次偏移后的示意图;
图7是根据本发明实施方式的维恩图词云错位偏移前的示意图;
图8是根据本发明实施方式的维恩图词云错位偏移后的示意图;
图9是根据现有技术的一种图表可视化装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的部分名词或术语进行说明:
文氏图(Venn diagram):或称Venn图、温氏图、维恩图、范氏图、韦恩图、维恩图以及相关音译,数学分支中,在不太严格的意义下用以表集合(或类)的一种草图。它们用于展示在不同的事物群组(集合)之间数学逻辑联系,尤其适合用来表示集合(或)类之间的“性质关系”,例如,相交,相离,具体量化关系,例如交集的内容,焦急的元素数量,通常都无法进行显示,它也常常被用来帮助推导(或理解推导过程)关于集合运算(或类运算)的一些规律。
词云:又称文字云,是文本挖掘的可视化。
根据本发明实施例,提供了一种图表可视化方法的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据现有技术的一种图表可视化方法的流程图,如图1所示,该方法包括如下步骤:
步骤S102,根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每数据集合的可视化图形的尺寸;
步骤S104,在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;
步骤S106,将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域。
通过上述步骤,采用根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸,其中,数据集合为多个;在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域的方式,通过在显示图形上显示对应数据,达到了同时以文本和图形的方式对数据进行可视化的目的,从而实现了丰富了可视化效果,提高用户体验的技术效果,进而解决了相关技术中数据图表可视化方式,效果单一,使用体验较差的技术问题。
上述图表可以是维恩图,在数据可视化领域,常见的图表有,维恩图,扇形图,柱形图,折线图,逻辑框图。但是,通常都只能把数据的相对关系通过图形变现出来,例如,维恩图可以表示数据集合或数据类之间的关系,扇形图可以表示数据与数据总数的比例关系等。
在维恩图中,通常只能表示不同的数据集合或者数据分类之间逻辑关系,通过图形之间的相离,相交关系,来表示数据集合的关系,例如,两图形相交,代表两集合有交集。但是单纯的图形,无法满足使用要求,在用户在看维恩图同时也想看相关的数据,则上述维恩图就无法满足用户的使用需求了。
本实施例通过在根节点上生成维恩图,然后,获取根节点区域的尺寸,调整维恩图在上述根节点区域内的位置,以保证维恩图可以有效显示在上述根节点区域,上述根节点区域可以是上述维恩图的显示区域。
上述根据多数据集合的每数据集合中数据的数量,确定用于代表对应每数据集合的可视化图形的尺寸,根据数据集合的数据量来确定维恩图中的图形尺寸,通常是数据集合的数据量越大,对应的图形尺寸越大,不仅可以直观的想表示数据集合的数据量,还可以为在图形中显示数据集合的数据文本,提供了条件。越大尺寸的图形可以显示更多的数据文本。达到了同时以文本和图形的方式对数据进行可视化的目的,从而实现了丰富了可视化效果,提高用户体验的技术效果。
在不同的数据集合产生交集的情况下,控制对应的图形产生对应的交集,上述交集也包括一定数量的数据,交集的面积可以根据上述交集中的数据量确定,由于每个数据各自所对应的面积不同,为了保证交集数据的显示,上述交集的数据量占产生交集的多个数据集合中数据量最小的数据集合的数据量的百分比,确定交集占上述面积最小的数据集合的对应可视化图形的面积的百分比。从而确定交集区域的数量,为之后显示数据文本提供可能,进一步实现了同时以文本和图形的方式对数据进行可视化的目的,从而实现了丰富了可视化效果,提高用户体验的技术效果。
将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域。需要说明的是,上述在可视化图形中,可能会有多个可视化图形,还有可能有几个可视化图形产生交集。上述一个可视化图形可以对应一个数据集合。上述图形区域,包括没有产生交集的完整的可视化图形,产生交集的可视化图形的交集区域,和可视化图形中除交集之外的补集区域。
在本实施例中,可选的,图表为维恩图,可视化图形为圆形,根据需要显示的数据的数量,确定代表对应集合的图形的尺寸包括:根据集合的数据数量,确定集合对应的圆形的半径。
可选的,在不同数据集合的数据存在交集的情况下,确定不同数据集合对应的图形的交集区域包括:确定具有交集的第一数据集合和第二集合,分别对应的第一圆形和第二圆形;根据第一圆形的圆心坐标和半径,和第二圆形的圆心坐标和半径,确定第一圆形和第二圆形的交点坐标;根据交点坐标确定交集区域。
通过建立坐标系,在坐标系中通过几何方法来确定维恩图的各个图形区域。例如,建立一个函数r=kx+b,设置圆的半径的最大值最小值,r对应了圆半径,x对应了数据集合的个数,则可以计算出各个情况下,r和集合大小的关系,生成韦恩图,记录基础信息:{x1,y1,x2,y2,r1,r2};分别对应上圆的圆心坐标和半径。
则数据集合的可视化图形的相交问题变成了解方程:
(x-x1)2+(y-y1)2=r12
(x-x2)2+(y-y2)2=r22
竖直向下为y轴,水平向右为x轴,左上角为原点,则图形显示区域的中轴线就是x的解,也就是说w/2就是相交弧的x坐标,以此可解出对应的y坐标,解为(w/2,ymin),和(w/2,ymax)两个点,可以将上述两个圆形划分为三个区域,也即是代表着,两个可视化图形的交集区域,和两个可视化图形除交际之外的补集区域。
然后在上述各个图形区域内显示各个图形区域对应的数据文本。可选的,将不同图形区域对应的数据显示在图形区域内包括:确定各个图形区域的竖向跨度区间,其中,图形区域包括第一补集区域,交集区域和第二补集区域,第一补集区域为第一圆形中交集区域的补集区域,第二补集区域为第二圆形中交集区域的补集区域;根据图形区域的数据数量,将竖向跨度区间平均划分为多个竖向等宽区域,在每个数据对应的竖向等宽区域内,对数据的位置进行偏移,确定数据的显示位置;在显示位置显示数据,以显示图形区域对应的数据进行显示。使得数据文本错落有致。
可选的,对数据的位置进行偏移之后,还包括:在数据进行偏移后,数据的显示区域起点,距离数据对应的竖向等宽区域的右边界,小于预设阈值的情况下,对数据的位置进行反向偏移,以使数据的显示区域位于竖向等宽区域内。
在数据进行偏移后,数据的显示区域起点,距离数据对应的竖向等宽区域的右边界,小于预设阈值时,说明上述数据的显示区域超出该数据所属的图形区域,不仅不美观,还有可能影响其他图形区域的数据显示。因此,对数据的位置进行反向偏移,以使数据的显示区域位于竖向等宽区域内,将数据的显示区域向左反方向移动,由于正常情况下,文字显示为从右向左。因此上述边界为右边界。上述边界在相反情况下,也可以为左边界。
需要说明的是,上述等宽区域为竖直方向时,上述右边界可以为下边界,由于根据习惯,文字从上往下显示。上述边界的设定可以根据需求进行更改。以适应多样化的使用情况。
可选的,对数据的位置进行反向偏移之后,还包括:在数据进行反向偏移后,数据的显示区域与图形区域有重叠的情况下,对数据的位置向右进行二次偏移,以使数据的显示区域的一端位于数据对应的竖向等宽区域内,数据的显示区域的另一端位于数据对应的竖向等宽区域外。
上述数据的显示区域与图形区域有重叠,可以使上述数据的显示区域,延伸至其他的图形区域,说明数据的显示区域过长,影响到上述其他区域的数据文本显示。则可以对数据的位置向右进行二次偏移,以使数据的显示区域的一端位于数据对应的竖向等宽区域内,数据的显示区域的另一端位于数据对应的竖向等宽区域外,即便是将数据伸出本区域外,也要保证将数据显示区域伸出到本图形区域外,没有其他图形区域的位置,有效防止影响其他图形区域的数据显示。
可选的,还包括:在第一数据的显示区域与第二数据的显示区域有重叠的情况下,根据重叠区域的长度对第一数据和第二数据分别向远离对方的方向进行偏移,以使第一数据的显示区域的与第二数据的显示区域无重叠。
上述第一数据的显示区域与第二数据的显示区域有重叠,也即是两个不同的数据的显示区域有重叠,分开即可。
可选的,还包括:在第一数据的显示区域的竖向宽度,大于第一数据对应的竖向等宽区域的竖向宽度的情况下,在确定第一数据的显示位置之前,计算与以显示第一数据的显示区域错开的横向坐标范围,根据横向坐标范围确定显示位置的横坐标,根据竖向等宽区域,确定显示位置的纵坐标,以使第一数据在显示位置的显示区域的与第三数据的显示区域无重叠。
在两个数据的显示区域竖向距离较大情况下,进行调整,可以容纳更多的数据文本,还可以使各个数据文本显得错落有致。
需要说明的是,本申请实施例还提供了一种可选的实施方式,下面对该实施方式及进行详细说明。
无论是词云还是维恩图,都是数据可视化领域非常常见的图表。
本实施方式给出了一个维恩——词云图的优化方案。
数据可视化主要用到的技术是svg和canvas,这里给出了一个基于svg的方案,在此基础之上canvas的情况,使用的基础工具是d3。
这里以集合1{a1,a2,a3},集合2{a3,a4}举例。
首先区别化维恩图的集合大小。
1.在<Svg>根节点基础上生成维恩图,可以获取到这个svg区域的宽w,高h,在挪动圆进行相交的时候,我们可以以中点为基础进行操作;
2.建立一个函数r=kx+b,设置圆的最大值最小值,r对应了圆半径,x对应了数据集合的个数,则可以计算出各个情况下,r和集合大小的关系,生成维恩图,记录基础信息:{x1,y1,x2,y2,r1,r2};分别对应上圆的圆心坐标和半径。
则集合相交问题变成了解方程:
(x-x1)2+(y-y1)2=r12
(x-x2)2+(y-y2)2=r22
竖直向下为y轴,水平向右为x轴,左上角为原点,则svg区域的中轴线就是x的解,也就是说w/2就是相交弧的x坐标,以此可解出对应的y坐标,解为(w/2,ymin),和(w/2,ymax)两个点,这也是集合相交部分的解集;
图2是根据本发明实施方式的维恩图可视化的示意图,如图2所示,数据集被切分为三个。则左侧圆内部的text词云各个位移y的分布为y1-r1<y<y1+r1;右侧的位移y为y2-r2<y<y2+r2;中建相交部分位移y为[ymin,ymax];
则在range1=[y1-r1,y1+r1]和range2=[y2-r2,y2+r2]、range3=[ymin,ymax]这三个范围内,分别按照各自拥有的词进行分段,比如这个例子中,集合1对应了两个数据a1,a2(range1分成两段,分别放置两个词),集合2对应了一个数据a4(range2分成一段,放置一个词),交集对应了一个数据a3(range3分成一段,放置一个词)。
均分之后可以得到每个词对应的y坐标,带入对应方程就可得到每个词的x坐标,之后对x坐标在范围内做一个随机偏移,使得词云错落有致。
接下来考虑极端情况:
(1)图3是根据本发明实施方式的维恩图词云偏移前的示意图,图4是根据本发明实施方式的维恩图词云偏移后的示意图,如图3和图4所示,如果词偏移之后起点极其靠近右边界,则反向给一个位移,例如,可以设置一个位移系数,参考系为当前词的长度。
(2)图5是根据本发明实施方式的维恩图词云二次偏移前的示意图,图6是根据本发明实施方式的维恩图词云二次偏移后的示意图,如图5和图6所示,如果是右侧偏移之后和相交部分有重叠,则向右二次移动词,同时做一个标记,接下来如果递归到这个词语的时候将不会再移动这个词语。
(3)相交部分,起点向左边偏移1/2的词长,让相交的词基础是居中的,然后左右两边略微偏移一个随机数,也可以是根据相交部分大小来动态设置的一个偏移系数。
(4)图7是根据本发明实施方式的维恩图词云错位偏移前的示意图,图8是根据本发明实施方式的维恩图词云错位偏移后的示意图,如图7和图8所示,如果词语很多,在处理竖直方向上y坐标的时候,就不能均分了,需要在竖直方向上再错落一下,比如96的高度,如果字体大小是16,则均分最多就是六个,如果此时有9个词。每次移动计算之后,可以动态计算得到x的上下限,从而可以进行错开的移动调整。
如果仍然无法符合显示逻辑,则递归调用。
但是,需要说明的是,数据可视化的效果有可能受限于数据质量,有可能递归调整也是没办法得到一个非常好的状态,因此,可以在递归调用时设置一个跳出次数条件,如果超过num则递归调用终止。
本实施方式提供了维恩图结合词云的优化实现方案,包括集合和图表大小映射变化,极端情况下的特殊处理,极大地优化了数据可视化展示效果;实现方式简单,逻辑清晰。
图9是根据现有技术的一种图表可视化装置的示意图,如图9所示,根据本发明实施例的另一方面,还提供了一种图表可视化装置,包括:第一确定模块92,第二确定模块94和显示模块96,下面对该装置进行详细说明。
第一确定模块92,用于根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的图形区域的尺寸;第二确定模块94,与上述第一确定模块92相连,用于在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的图形区域的交集区域;显示模块96,与上述第二确定模块94相连,用于将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域。
通过上述装置,采用第一确定模块92根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸;第二确定模块94在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;显示模块96将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域的方式,通过在显示图形上显示对应数据,达到了同时以文本和图形的方式对数据进行可视化的目的,从而实现了丰富了可视化效果,提高用户体验的技术效果,进而解决了相关技术中数据图表可视化方式,效果单一,使用体验较差的技术问题。
上述图表展示装置包括处理器和存储器,上述第一确定模块92,第二确定模块94和显示模块96均作为程序模块单元存储在存储器中,由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来同时显示维恩图和关键词,提高使用效果。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
根据本发明实施例的另一方面,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述中任意一项的方法。
根据本发明实施例的另一方面,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述中任意一项的方法。
根据本发明实施例的另一方面,还提供了一种电子设备,其特征在于,电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行如上述中任一项的图表可视化方法。本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸;在多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的可视化图形的交集图形;将不同的图形区域对应的数据显示在图形区域内,其中,图形区域包括交集图形的图形区域,以及不同数据集合对应的可视化图形中,除交集图形外的补集图形的图形区域。
可选的,图表为维恩图,可视化图形为圆形,根据需要显示的数据的数量,确定代表对应集合的图形的尺寸包括:根据集合的数据数量,确定集合对应的圆形的半径。
可选的,在不同数据集合的数据存在交集的情况下,确定不同数据集合对应的图形的交集区域包括:确定具有交集的第一数据集合和第二集合,分别对应的第一圆形和第二圆形;根据第一圆形的圆心坐标和半径,和第二圆形的圆心坐标和半径,确定第一圆形和第二圆形的交点坐标;根据交点坐标确定交集区域。
可选的,将不同图形区域对应的数据显示在图形区域内包括:确定各个图形区域的竖向跨度区间,其中,图形区域包括第一补集区域,交集区域和第二补集区域,第一补集区域为第一圆形中交集区域的补集区域,第二补集区域为第二圆形中交集区域的补集区域;根据图形区域的数据数量,将竖向跨度区间平均划分为多个竖向等宽区域,在每个数据对应的竖向等宽区域内,对数据的位置进行偏移,确定数据的显示位置;在显示位置显示数据,以显示图形区域对应的数据进行显示。
可选的,对数据的位置进行偏移之后,还包括:在数据进行偏移后,数据的显示区域起点,距离数据对应的竖向等宽区域的右边界,小于预设阈值的情况下,对数据的位置进行反向偏移,以使数据的显示区域位于竖向等宽区域内。
可选的,对数据的位置进行反向偏移之后,还包括:在数据进行反向偏移后,数据的显示区域与图形区域有重叠的情况下,对数据的位置向右进行二次偏移,以使数据的显示区域的一端位于数据对应的竖向等宽区域内,数据的显示区域的另一端位于数据对应的竖向等宽区域外。
可选的,还包括:在第一数据的显示区域与第二数据的显示区域有重叠的情况下,根据重叠区域的长度对第一数据和第二数据分别向远离对方的方向进行偏移,以使第一数据的显示区域的与第二数据的显示区域无重叠。
可选的,还包括:在第一数据的显示区域的竖向宽度,大于第一数据对应的竖向等宽区域的竖向宽度的情况下,在确定第一数据的显示位置之前,计算与以显示第一数据的显示区域错开的横向坐标范围,根据横向坐标范围确定显示位置的横坐标,根据竖向等宽区域,确定显示位置的纵坐标,以使第一数据在显示位置的显示区域的与第三数据的显示区域无重叠。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在一个典型的配置中,设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种图表可视化方法,其特征在于,包括:
根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的可视化图形的尺寸;
在所述多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同所述数据集合对应的可视化图形的交集图形;
将不同的图形区域对应的数据显示在所述图形区域内,其中,所述图形区域包括所述交集图形的图形区域,以及不同所述数据集合对应的所述可视化图形中,除所述交集图形外的补集图形的图形区域。
2.根据权利要求1所述的方法,其特征在于,所述图表为维恩图,所述可视化图形为圆形,根据需要显示的数据的数量,确定所述代表对应集合的图形的尺寸包括:
根据集合的数据数量,确定所述集合对应的圆形的半径。
3.根据权利要求2所述的方法,其特征在于,在不同数据集合的数据存在交集的情况下,确定不同数据集合对应的图形的交集区域包括:
确定具有交集的第一数据集合和第二集合,分别对应的第一圆形和第二圆形;
根据所述第一圆形的圆心坐标和半径,和所述第二圆形的圆心坐标和半径,确定所述第一圆形和所述第二圆形的交点坐标;
根据所述交点坐标确定所述交集区域。
4.根据权利要求3所述的方法,其特征在于,将不同图形区域对应的数据显示在所述图形区域内包括:
确定各个图形区域的竖向跨度区间,其中,所述图形区域包括第一补集区域,交集区域和第二补集区域,所述第一补集区域为所述第一圆形中所述交集区域的补集区域,所述第二补集区域为所述第二圆形中所述交集区域的补集区域;
根据所述图形区域的数据数量,将所述竖向跨度区间平均划分为多个竖向等宽区域,在每个数据对应的竖向等宽区域内,对所述数据的位置进行偏移,确定所述数据的显示位置;
在所述显示位置显示所述数据,以显示所述图形区域对应的数据进行显示。
5.根据权利要求4所述的方法,其特征在于,对所述数据的位置进行偏移之后,还包括:
在所述数据进行偏移后,所述数据的显示区域起点,距离所述数据对应的竖向等宽区域的右边界,小于预设阈值的情况下,对所述数据的位置进行反向偏移,以使所述数据的显示区域位于所述竖向等宽区域内;
在所述数据进行反向偏移后,所述数据的显示区域与所述图形区域有重叠的情况下,对所述数据的位置向右进行二次偏移,以使所述数据的显示区域的一端位于所述数据对应的竖向等宽区域内,所述数据的显示区域的另一端位于所述数据对应的竖向等宽区域外。
6.根据权利要求5所述的方法,其特征在于,还包括:
在第一数据的显示区域与第二数据的显示区域有重叠的情况下,根据重叠区域的长度对所述第一数据和所述第二数据分别向远离对方的方向进行偏移,以使所述第一数据的显示区域的与所述第二数据的显示区域无重叠。
7.根据权利要求6所述的方法,其特征在于,还包括:
在所述第一数据的显示区域的竖向宽度,大于所述第一数据对应的竖向等宽区域的竖向宽度的情况下,在确定所述第一数据的显示位置之前,计算与以显示第一数据的显示区域错开的横向坐标范围,根据所述横向坐标范围确定显示位置的横坐标,根据所述竖向等宽区域,确定所述显示位置的纵坐标,以使所述第一数据在所述显示位置的显示区域的与第三数据的显示区域无重叠。
8.一种图表可视化装置,其特征在于,包括:
第一确定模块,用于根据多个数据集合的每个数据集合中数据的数量,确定用于代表对应每个数据集合的图形区域的尺寸;
第二确定模块,用于在所述多个数据集合中存在不同数据集合的数据有交集的情况下,确定不同数据集合对应的图形区域的交集区域;
显示模块,用于将不同的图形区域对应的数据显示在所述图形区域内,其中,所述图形区域包括所述交集图形的图形区域,以及不同所述数据集合对应的所述可视化图形中,除所述交集图形外的补集图形的图形区域。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至7中任意一项所述的图表可视化方法。
10.一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1-7中任一项所述的图表可视化方法。
CN201910927972.8A 2019-09-27 2019-09-27 图表可视化方法及装置 Pending CN112579829A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910927972.8A CN112579829A (zh) 2019-09-27 2019-09-27 图表可视化方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910927972.8A CN112579829A (zh) 2019-09-27 2019-09-27 图表可视化方法及装置

Publications (1)

Publication Number Publication Date
CN112579829A true CN112579829A (zh) 2021-03-30

Family

ID=75110394

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910927972.8A Pending CN112579829A (zh) 2019-09-27 2019-09-27 图表可视化方法及装置

Country Status (1)

Country Link
CN (1) CN112579829A (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103778213A (zh) * 2014-01-16 2014-05-07 北京航空航天大学 一种基于占用矩阵的词云图可视化方法
US9779150B1 (en) * 2014-08-15 2017-10-03 Tableau Software, Inc. Systems and methods for filtering data used in data visualizations that use relationships
CN108427765A (zh) * 2018-03-23 2018-08-21 北京工商大学 一种基于hct图的层次数据对比可视分析方法
CN109144504A (zh) * 2017-06-26 2019-01-04 华东师范大学 基于d3的数据可视化图形生成方法及存储介质
CN109299186A (zh) * 2018-11-05 2019-02-01 北京锐安科技有限公司 数据处理方法、装置、设备和存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103778213A (zh) * 2014-01-16 2014-05-07 北京航空航天大学 一种基于占用矩阵的词云图可视化方法
US9779150B1 (en) * 2014-08-15 2017-10-03 Tableau Software, Inc. Systems and methods for filtering data used in data visualizations that use relationships
CN109144504A (zh) * 2017-06-26 2019-01-04 华东师范大学 基于d3的数据可视化图形生成方法及存储介质
CN108427765A (zh) * 2018-03-23 2018-08-21 北京工商大学 一种基于hct图的层次数据对比可视分析方法
CN109299186A (zh) * 2018-11-05 2019-02-01 北京锐安科技有限公司 数据处理方法、装置、设备和存储介质

Similar Documents

Publication Publication Date Title
US10417316B2 (en) Emphasizing a portion of the visible content elements of a markup language document
US8549399B2 (en) Identifying a selection of content in a structured document
CN110717005B (zh) 一种热力图纹理的生成方法、装置及设备
US8743150B2 (en) Display processing device and display control method
US11112927B2 (en) Digital content automated layout system
US20130194272A1 (en) Placing pixels according to attribute values in positions in a graphical visualization that correspond to geographic locations
CN107945248A (zh) 一种气泡图文字展示方法及装置
AU2019457052B2 (en) Table processing method and apparatus, and intelligent interactive tablet and storage medium
CN112380357B (zh) 一种知识图谱可视化可交互导航实现的方法
US11269950B2 (en) Analysis for framework assessment
CN105335445A (zh) 布局显示方法和装置
CN107977342B (zh) 一种文档对比方法及装置
US20240036718A1 (en) Method and apparatus for adjusting interface layout, device, and storage medium
CN105867779A (zh) 一种图片传输方法、装置及电子设备
CN107168961B (zh) 图表的数据展示方法及装置
CN112579829A (zh) 图表可视化方法及装置
US20180181262A1 (en) Grid-based rendering of nodes and relationships between nodes
CN110020291B (zh) 网页布局的处理方法及装置
CN113918543A (zh) 图表展示方法及装置
CN112700391A (zh) 一种图像处理方法、电子设备及计算机可读存储介质
CN112579927A (zh) 显示导航栏的方法和装置
CN111428455B (zh) 表格管理方法、装置、设备及存储介质
CN110019492B (zh) 一种信息显示方法及装置
CN114972558A (zh) 书写笔迹绘制方法、装置、介质以及交互平板
US20200125341A1 (en) Assistive visual layout selection

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