CN112084378A - 数据的单图表展示方法及装置 - Google Patents
数据的单图表展示方法及装置 Download PDFInfo
- Publication number
- CN112084378A CN112084378A CN202011034835.0A CN202011034835A CN112084378A CN 112084378 A CN112084378 A CN 112084378A CN 202011034835 A CN202011034835 A CN 202011034835A CN 112084378 A CN112084378 A CN 112084378A
- Authority
- CN
- China
- Prior art keywords
- data
- chart
- asahi
- ring
- target
- 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
- 238000000034 method Methods 0.000 title claims abstract description 126
- 230000000007 visual effect Effects 0.000 claims abstract description 63
- 238000000547 structure data Methods 0.000 claims abstract description 40
- 238000013507 mapping Methods 0.000 claims abstract description 31
- 230000008859 change Effects 0.000 claims abstract description 28
- 238000010586 diagram Methods 0.000 claims description 87
- 230000006870 function Effects 0.000 claims description 55
- 230000002452 interceptive effect Effects 0.000 claims description 33
- 238000009826 distribution Methods 0.000 claims description 22
- 238000012545 processing Methods 0.000 claims description 21
- 238000004590 computer program Methods 0.000 claims description 15
- 238000007781 pre-processing Methods 0.000 claims description 13
- 238000003860 storage Methods 0.000 claims description 12
- 238000003825 pressing Methods 0.000 claims description 7
- 230000003247 decreasing effect Effects 0.000 claims description 6
- 230000001960 triggered effect Effects 0.000 claims description 6
- 230000003993 interaction Effects 0.000 description 35
- 239000003086 colorant Substances 0.000 description 18
- 239000002131 composite material Substances 0.000 description 10
- 230000000694 effects Effects 0.000 description 10
- 230000008569 process Effects 0.000 description 9
- 230000005540 biological transmission Effects 0.000 description 8
- 238000013079 data visualisation Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 238000013506 data mapping Methods 0.000 description 6
- 238000012800 visualization Methods 0.000 description 6
- 239000000872 buffer Substances 0.000 description 4
- 238000000605 extraction Methods 0.000 description 4
- 239000012472 biological sample Substances 0.000 description 3
- 239000002775 capsule Substances 0.000 description 3
- 239000000470 constituent Substances 0.000 description 3
- 238000007405 data analysis Methods 0.000 description 3
- 208000015181 infectious disease Diseases 0.000 description 3
- 238000005457 optimization Methods 0.000 description 3
- 238000007670 refining Methods 0.000 description 3
- 241001354471 Pseudobahia Species 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 238000012935 Averaging Methods 0.000 description 1
- 238000012356 Product development Methods 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000002776 aggregation Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003795 chemical substances by application Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000010438 heat treatment Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000036561 sun exposure Effects 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/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9024—Graphs; Linked lists
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—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/90—Details of database functions independent of the retrieved data types
- G06F16/904—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供一种数据的单图表展示方法及装置,方法包括:接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;输出所述目标单图表以进行所述目标数据的展示。本申请能够以单图表的形式显示海量数据的多维度信息,能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性。
Description
技术领域
本申请涉及数据处理技术领域,具体涉及数据的单图表展示方法及装置。
背景技术
数据可视化是数据内在价值的最终呈现手段,它利用各类图表将杂乱的数据有逻辑地、以易于感知的图形符号展现出来,让用户交互地理解数据,洞悉蕴含在数据中的现象和规律,发现问题,并通过解释、提炼、分析、探索,来指导经营决策。数据可视化旨在传达与沟通信息,对于一个可视化展示图表,其大小有限,且用户时间、注意力也有限。如何在短时间内、更有效率地展示更多的信息量,是评估一个可视化产品好坏的重要因素。通过优秀的可视表达,可以实现快速揭示客观规律,在很大程度上增强人们对数据的理解,提高完成某些任务的效率和准确性。
目前,数据的展示方式通常为在二维平面画三维图表来达到展示多一维度数据的效果,但由于二维平面对三维的表达受其自身条件限制,立体图容易造成不必要的错误表达和理解,因此并不适用于海量数据的单图显示,另外,现有的数据的展示方式还可以应用二维图表,但往往一张图表不足以展示所有的数据信息,用户只能关注到重点的几个指标,或者需要整合多张图表才能传达完整的信息,大大影响了海量数据的获取效率,若将二维图表替换为旭日图,则还是有其局限性,如:表现不了数据的变化趋势;除了层级关系,难以体现不同扇形间数据的其它关联关系;除了占比无法对比数据项的其他数值关系。
也就是说,无论是哪一种现有的数据展示方式,均存在由于无法用一张图表显示海量数据的多维度信息,因此无法同时满足用户获取信息效率以及信息全面性的问题。
发明内容
针对现有技术中的问题,本申请提供一种数据的单图表展示方法及装置,能够以单图表的形式显示海量数据的多维度信息,能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性。
为解决上述技术问题,本申请提供以下技术方案:
第一方面,本申请提供一种数据的单图表展示方法,包括:
接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;
自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;
根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;
输出所述目标单图表以进行所述目标数据的展示。
进一步地,所述自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图,包括:
自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据;
以及,自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据;
应用所述关联数据和比例数据生成对应的旭日图。
进一步地,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
进一步地,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
进一步地,在所述输出所述目标单图表以进行所述目标数据的展示之前,还包括:
在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
进一步地,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
进一步地,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
进一步地,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
进一步地,在所述自所述树状结构数据中提取关联数据和比例数据之前,还包括:
对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
进一步地,在所述应用所述关联数据和比例数据生成对应的旭日图之后,还包括:
若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
进一步地,在所述应用所述关联数据和比例数据生成对应的旭日图之后,还包括:
若存在所述环块的名称长度大于长度阈值,则将该环块设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
第二方面,本申请提供一种数据的单图表展示装置,包括:
数据接收模块,用于接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;
旭日图生成模块,用于自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;
单图表生成模块,用于根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;
单图表输出模块,用于输出所述目标单图表以进行所述目标数据的展示。
进一步地,所述旭日图生成模块包括:
关联数据获取单元,用于自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据;
比例数据获取单元,用于自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据;
旭日图获取单元,用于应用所述关联数据和比例数据生成对应的旭日图。
进一步地,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
进一步地,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
进一步地,还包括:
交互功能添加模块,用于在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
进一步地,还包括:
鼠标悬停触发模块,用于接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
进一步地,还包括:
鼠标单击触发模块,用于接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
进一步地,还包括:
鼠标长按触发模块,用于接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
进一步地,还包括:
数据预处理模块,用于对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
进一步地,所述旭日图生成模块还包括:
动态显示单元,用于若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
进一步地,所述旭日图生成模块还包括:
部分隐藏单元,用于若存在所述环块的名称长度大于长度阈值,则将该环块设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
第三方面,本申请提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现所述的数据的单图表展示方法。
第四方面,本申请提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现所述的数据的单图表展示方法。
由上述技术方案可知,本申请提供的一种数据的单图表展示方法及装置,方法包括:接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;输出所述目标单图表以进行所述目标数据的展示,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例中的数据的单图表展示方法的第一种流程示意图。
图2是本申请实施例中的数据的单图表展示方法中步骤200的第一种流程示意图。
图3是本申请实施例中的数据的单图表展示方法的第二种流程示意图。
图4是本申请实施例中的数据的单图表展示方法的第三种流程示意图。
图5是本申请实施例中的数据的单图表展示方法的第四种流程示意图。
图6是本申请实施例中的数据的单图表展示方法的第五种流程示意图。
图7是本申请实施例中的数据的单图表展示方法的第六种流程示意图。
图8是本申请实施例中的数据的单图表展示方法中步骤200的第二种流程示意图。
图9是本申请实施例中的数据的单图表展示方法中步骤200的第三种流程示意图。
图10是本申请应用实例提供的产品旭日图的举例示意图。
图11是本申请应用实例提供的产品旭日图的层级举例示意图。
图12是本申请应用实例提供的包含有层级说明的产品旭日图的举例示意图。
图13是本申请应用实例提供的阶梯形进度条的举例示意图。
图14是本申请应用实例提供的包含柱状图、折线图的产品旭日图的举例示意图。
图15是本申请应用实例提供的包含有向箭头的产品旭日图的举例示意图。
图16a是本申请应用实例提供的结合时间轴的产品旭日图的第一个举例示意图。
图16b是本申请应用实例提供的结合时间轴的产品旭日图的第二个举例示意图。
图16c是本申请应用实例提供的结合时间轴的产品旭日图的第三个举例示意图。
图17是本申请应用实例提供的鼠标悬停时显示的产品旭日图的举例示意图。
图18是本申请应用实例提供的鼠标单击时显示的产品旭日图的举例示意图。
图19是本申请应用实例提供的鼠标长按时显示的产品旭日图的举例示意图。
图20是本申请应用实例提供的产品旭日图的文字显隐对比举例示意图。
图21是本申请应用实例提供的产品旭日图的中心留空和不留空的对比举例示意图。
图22是本申请应用实例提供的数据预处理的伪代码举例示意图。
图23是本申请应用实例提供的JavaScript代码示例示意图。
图24是本申请实施例提供的数据的单图表展示装置的结构示意图。
图25是本申请实施例中的电子设备的结构示意图。
其中,图10、图12、图14至图21中的产品旭日图仅为示例性的,由于要清晰表达本申请能够针对海量数据进行单图表显示的优势,因此在这些图中承载了较多的文字内容,这些文字内容由于附图篇幅的限制,部分存在字迹略不清晰、文字相互之间存在遮挡以及文字显示不全等情况,但这些情况并不影响本领域的技术人员根据图10、图12、图14至图21对本申请提及的单图表展示方法的内容进行理解,也就是说,不清晰、被遮挡或显示不全的文字含义也不影响本领域的技术人员对本申请提及的单图表展示方法的内容的理解,同时,基于本申请实施例中提及的“部分隐藏单元,用于若存在所述环块的名称长度大于长度阈值,则将该环设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态”可知,文字显示不全也是本申请实施例所要保护的技术手段之一。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
考虑到因为二维平面对三维的表达受其自身条件限制,立体图容易造成不必要的错误表达和理解,因此本方案仅对二维图表数据可视化进行了阐述。
在本申请一个或多个实施例中提及的二维图表有:折线图、柱状图、饼图、树图、散点图、关系图、地图、雷达图、热力图、桑基图、漏斗图等等。一般来说,二维图表传达的信息量(维度或指标)也是二维的,某些图表通过使用尺寸(散点图)、颜色(热力图)等元素的视觉属性,可以实现在二维图表中展示三个维度或指标的数据。
旭日图(Sunburst Chart)是饼图和树状图的变形,简单来说是多个饼图和树状图的组合升级版。旭日图在树状图的基础上,把树状的层级关系转化为多层圆环的形式,一般情况下,内层数据是相邻的外层数据的父类别,利用父子圆环的层次结构能清晰地表达层级和归属关系。相较于树状图,旭日图的圆形结构更节约空间。而旭日图中的每一层的圆环代表了一个层级的分类数据,一个环块所代表的数值可以体现该数据在同层级数据中的占比,相当于一个饼图。
结合了饼图和树状图的多层环形旭日图,既能像饼图一样表现数据局部和整体的占比,又能像树图一样厘清多级数据之间的层级关系。
而对于二维的图表,一张图中一般只能展示二维到三维的数据维度或(复合)指标,在数据量比较大、维度和(复合)指标比较多的情况下,往往一张图表不足以展示所有的数据信息,用户只能关注到重点的几个指标,或者需要整合多张图表才能传达完整的信息,大大影响了海量数据的获取效率。旭日图的效率确实高于一般的二维图表,能同时兼顾不同层级间的层级关系和同一层级间的占比,甚至允许“缺口”的存在(每个圆环不一定是完整的)。然而,它还是有其局限性,如:表现不了数据的变化趋势;除了层级关系,难以体现不同扇形间数据的其它关联关系;除了占比无法对比数据项的其他数值关系。
因此,如何在有限的空间、时间内,更有效率地传递更多的信息,是数据可视化,尤其是大数据量下的数据可视化要关注的重要的课题。本方案力求解决传统图表在:数据量大、数据维度和指标数多的情况下信息传递效率低的问题。提出了一种通过结合多种数据展示手段和合理的布局设计,在一张图表中展示出远超过传统图表的数据量的方法,大大提高了用户获取重要信息的效率。
在本申请一个或多个实施例中,数据可视化是指一种允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释的技术方法。
在本申请一个或多个实施例中,维度是指事务现象的某种特征,如:地域,版本,操作系统,性别都是维度。
在本申请一个或多个实施例中,指标是指衡量事务发展程度的单位和方法,通常需要经过加和、平均等聚合统计才能得到,并且是在一定条件下的。如:UV/PV,页面停留时长,用户获取成本。
在本申请一个或多个实施例中,复合指标是指在基础指标基础上,通过加减乘除等运算方式得到的,比基础指标更加有参考意义。
在本申请一个或多个实施例中,旭日图(Sunburst Chart)是指一种进化的饼图,是现代才出现并进行使用的图表类型,它在饼图表示占比关系的基础上,增加表达了数据的层级和归属关系,能清晰的表达具有父子层次结构类型的数据。
基于此,本申请提供一种数据的单图表展示方法,通过接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;输出所述目标单图表以进行所述目标数据的展示,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
具体通过下述多个实施例分别进行说明。
为了解决现有的数据展示方式无法同时满足用户获取信息效率以及信息全面性的问题,本申请提供一种数据的单图表展示方法的实施例,参见图1,所述数据的单图表展示方法具体包含有如下内容:
步骤100:接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据。
在一种举例中,所述目标数据可以为目标金融数据,进而能够有效提高金融用户获取可视化金融信息的效率、全面性及便捷性,进而能够有效提高金融用户选择金融产品户或服务的效率及便捷性,提供金融企业向金融用户提供金融产品及服务的效率及便捷性。
步骤200:自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图。
具体来说,图表主体采用兼顾了层级关系和和占比关系的旭日图。
步骤300:根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表。
可以理解的是,可以在旭日图的基础上,辅以颜色、进度条等视觉映射;或者折线图、柱状图等其它子图表;以及有向箭头等关联,从而增加对比、区间、分布、关联关系等等其它数据类型的维度和指标的展示;最后结合通过(鼠标悬停、单击、长按等)交互和动画,达到聚焦重点数据、查看具体详情的目的。
步骤400:输出所述目标单图表以进行所述目标数据的展示。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,数据可视化旨在传达与沟通信息,本申请实施例在保持可视化美学的情况下,最大程度地提高一张图表的信息传达量,力求使用二维图表展示出更多的数据维度和(复合)指标;本申请实施例同时适用于少量和大量数据的应用场景,并提出了在一张图表同时展示数据占比、层级、趋势、对比、分布、区间、关联、优先级等多种复杂形式关系的方法;本申请实施例也考虑到了利用动画、同用户的交互等手段,进一步提升信息传达效率,并实现突出数据重点等进阶能力,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
在本申请提供的数据的单图表展示方法的一个实施例中,参见图2,所述数据的单图表展示方法的步骤200具体包含有如下内容:
步骤210:自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据。
步骤220:自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据。
步骤230:应用所述关联数据和比例数据生成对应的旭日图。
具体来说,图表主体采用最佳展现了父子层级和占比关系的图表,利用旭日图的圈层来表现父子关系及层次结构。每个层级通过一个圆环表示,离原点越近代表圆环级别越高,最内层的圆表示层次结构的顶级,总共包括多个层级的数据。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,能够有效提高自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图的准确性及可靠性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示方法的一个实施例中,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
也就是说,旭日图的每一层都是(一个)饼图(或圆环图),所以一层一层的单独去看,表示的就是数据的占比情况,即旭日图的各环块弧长代表了该项的占比。
综上,图表主体采用旭日图来表现两个维度的数据:
a)直观表示不同数据之间的层级包含关系(关联数据);
b)数据总体和各个构成部分之间的比例关系(比例数据)。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,能够有效提高旭日图显示的有效性及准确性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示方法的一个实施例中,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
基于上述内容,由于旭日图的从属关系是通过圈层对应位置来表达的,旭日图不同分类并非必须采用不同颜色来表示(采用不同颜色只是为了显示清晰),所以本方案引入颜色作为一种视觉映射,来增加表示一个维度或指标,如:程度或聚类。
旭日图只能表示一种分类关系,也可以通过使用颜色,在某种分类关系的基础上,同时再展示另一种分类关系。譬如说在调研市场上的咖啡机时,用主体旭日图表示按咖啡冲泡方式来分类的咖啡机(虹吸式、滴漏式、压力式、蒸汽式、胶囊萃取式等),同时采用不同颜色,来表示按自动/半自动/手动等方式来划分咖啡机的分类(此时不同颜色的扇块可以散落在各个角度,不一定在同一个扇形中)。
甚至可以用(高亮)颜色来展示Top 10的产品。
除了上述的“分段”式颜色数据映射,也可以有连续型的颜色数据映射,以达到类似于热力图的效果。即在旭日图中利用格快的连续颜色变化,来表达如:旅游景点的热门程度、疫情的感染情况、生物样本按高度的分布情况等等。
即引入颜色映射,可以在旭日图的基础上,增加显示一维对比型或区间型的数据。
类似于颜色映射,同样可以引入进度条来增加表示一个维度的数据。进度条比较适合传达:完成度、星级划分等类型维度或(复合)指标。
除了视觉元素映射、进度条,在图表主体中还能结合其余类型的子图表,继续增加传递信息量的维度。
如:柱状图、折线图等,都可以增加表达一个维度的分布情况、数值对比等。示例见下图五,在产品>存款分类下的五级产品中使用折线图表示了产品的销售情况。
其它的数值型的数据也都适合通过增加子图表来表示。
在核心图表的扇块间添加有向图,可以进一步表达区块间的联结关系或流程等。
在数据分析中,很重要的一方面是研究数据随一变量的变化趋势,如:看目标数据的时间走向趋势。结合动画,就可以实现分析数据变化趋势的能力。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,能够有效提高根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项以形成目标单图表的有效性及准确性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示方法的一个实施例中,参见图3,所述数据的单图表展示方法的步骤300和步骤400之间还具体包含有如下内容:
步骤500:在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,最适用的应用场景是海量数据的单图展示,旨在尽可能多地展示数据维度和指标,那么如何突出重点,避免过于复杂的内容元素影响数据呈现效果也是需要考虑到的重要的点。本方案主要通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
基于上述步骤500,在本申请提供的数据的单图表展示方法的一个实施例中,参见图4,所述数据的单图表展示方法的步骤400之后还具体包含有如下内容:
步骤600:接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
具体来说,当用户将鼠标移动到某一扇块,则说明其关注重在此区块上,因此会高亮显示此区块的整条关系线(包括到根类别的所有父级扇块和其下的所有子分类),并降低其余不相关模块的饱和度,以达到聚焦关注数据的目的。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
基于上述步骤500,在本申请提供的数据的单图表展示方法的一个实施例中,参见图5,所述数据的单图表展示方法的步骤400之后还具体包含有如下内容:
步骤700:接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
在得到一些关于整体数据的初步结论的时候,往往需要进一步仔细查看某一分类的细分情况。因为在综合所有数据维度和指标的整体图表中,可能无法清晰表现一些数据细部,所以本方案考虑了(鼠标)单击事件的交互,当每个分类数据都拥有具体数值时,点击某一环块时,会进入该环块的全局视角,查看该分类的详细情况,在海量数据下达到聚焦、细化的目的。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
基于上述步骤500,在本申请提供的数据的单图表展示方法的一个实施例中,参见图6,所述数据的单图表展示方法的步骤400之后还具体包含有如下内容:
步骤800:接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
具体来说,通过高亮相关区块,长按可以再增加一个维度的数据展示,如表达:相关地区、相同部门、相同权限的区块。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
在本申请提供的数据的单图表展示方法的一个实施例中,参见图7,所述数据的单图表展示方法中的步骤100和步骤200之间还具体包含有如下内容:
步骤900:对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
具体来说,本方案以旭日图为本,其输入数据格式需要表示为父子关系的树状结构数据。在送入程序生成图表前,可能需要利用代码对其进行预处理,本方案采用了Java程序将Excel数据转换为JSON格式。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,能够在送入程序生成图表前,对其进行预处理,以有效提供根据目标数据生成旭日图的处理效率。
在本申请提供的数据的单图表展示方法的一个实施例中,参见图8,所述数据的单图表展示方法中的步骤200还具体包含有如下内容:
步骤240:若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,当每个环块都表示具体数值,大量数据——尤其是层级很多、子分类细分也很多——的情况下,如果直接标记在图表上,会让图表显得凌乱,数据也很难看清。此时就可以动态显示文字,达到图表简洁化的目的。
在本申请提供的数据的单图表展示方法的一个实施例中,参见图9,所述数据的单图表展示方法中的步骤200还具体包含有如下内容:
步骤250:若存在所述环块的名称长度大于长度阈值,则将该环块设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,当每个环块都表示具体数值,大量数据——尤其是层级很多、子分类细分也很多——的情况下,如果直接标记在图表上,会让图表显得凌乱,数据也很难看清。此时就可以隐藏(部分)文字,达到图表简洁化的目的。
为了进一步说明本方案,本申请还提供一种所述数据的单图表展示方法的具体应用实例,所述数据的单图表展示方法具体包含有如下内容:
(一)图表主体
参见图10,图表主体采用最佳展现了父子层级和占比关系的图表——旭日图。
(1)圈层表示层次结构
利用旭日图的圈层来表现父子关系及层次结构。每个层级通过1个圆环表示,离原点越近代表圆环级别越高,最内层的圆表示层次结构的顶级,图10的产品旭日图,总共包括如图11所示的四个层级的数据(其中第四级文字显示在了扇形块外部)。
(2)角度代表占比情况
旭日图的每一层都是(一个)饼图(或圆环图),所以一层一层的单独去看,表示的就是数据的占比情况,即旭日图的各环块弧长代表了该项的占比。
如图10中的产品分类情况,一级中“信贷”类别的占比是最大的,“贸易融资”类则是最小的。
综上,图表主体采用旭日图来表现两个维度的数据:
a)直观表示不同数据之间的层级包含关系(关联数据);
b)数据总体和各个构成部分之间的比例关系(比例数据)。
(二)图表中更多维度和指标的展示
(1)颜色:重要度/程度、热力/时长/区间、另一种聚类
由于旭日图的从属关系是通过圈层对应位置来表达的,旭日图不同分类并非必须采用不同颜色来表示(采用不同颜色只是为了显示清晰),所以本方案引入颜色作为一种视觉映射,来增加表示一个维度或指标,如:程度或聚类。
参见图12,可清晰表达出产品的重要程度(主要见图12的第五级产品分类)。
旭日图只能表示一种分类关系,也可以通过使用颜色,在某种分类关系的基础上,同时再展示另一种分类关系。譬如说在调研市场上的咖啡机时,用主体旭日图表示按咖啡冲泡方式来分类的咖啡机(虹吸式、滴漏式、压力式、蒸汽式、胶囊萃取式等),同时采用不同颜色,来表示按自动/半自动/手动等方式来划分咖啡机的分类(此时不同颜色的扇块可以散落在各个角度,不一定在同一个扇形中)。
甚至可以用(高亮)颜色来展示Top 10的产品。
除了上述的“分段”式颜色数据映射,也可以有连续型的颜色数据映射,以达到类似于热力图的效果。即在旭日图中利用格快的连续颜色变化,来表达如:旅游景点的热门程度、疫情的感染情况、生物样本按高度的分布情况等等。
即引入颜色映射,可以在旭日图的基础上,增加显示一维对比型或区间型的数据。
(2)进度条:完成度、等级划分等
类似于颜色映射,同样可以引入进度条来增加表示一个维度的数据。进度条比较适合传达:完成度、星级划分等类型维度或(复合)指标。
如图12中的第五级产品中,采用了阶梯形进度条表示了一星、二星、三星产品。亦可以用来表示产品开发的完成程度。局部细节见图13的图例。
(3)柱状图/折线图:数据型对比数据等
除了视觉元素映射、进度条,在图表主体中还能结合其余类型的子图表,继续增加传递信息量的维度。
如:柱状图、折线图等,都可以增加表达一个维度的分布情况、数值对比等。示例见图14,在产品>存款分类下的五级产品中使用折线图表示了产品的销售情况。
其它的数值型的数据也都适合通过增加子图表来表示。
(4)有向箭头:(业务/操作/升级)流程、联结关系数据
在核心图表的扇块间添加有向图,可以进一步表达区块间的联结关系或流程等。
如图15的有向图即可以用来表示产品的开发顺序,或者购买顺序等。
(5)结合动画及时间轴:(历年)数据变化趋势
在数据分析中,很重要的一方面是研究数据随一变量的变化趋势,如:看目标数据的时间走向趋势。结合动画,就可以实现分析数据变化趋势的能力。
参见图16a、图16b和图16c,结合了时间轴,展示了产品分类占比情况随年份的变化情况,将其做成动画后,即在图表中表现出了趋势变化。
(三)交互:实现数据聚焦和详情查看
本方案最适用的应用场景是海量数据的单图展示,旨在尽可能多地展示数据维度和指标,那么如何突出重点,避免过于复杂的内容元素影响数据呈现效果也是需要考虑到的重要的点。本方案主要通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
(1)(鼠标)悬停
突出显示完整产品线
当用户将鼠标移动到某一扇块,则说明其关注重在此区块上,因此会高亮显示此区块的整条关系线(包括到根类别的所有父级扇块和其下的所有子分类),并降低其余鼠标移动到“住房不相关模块的饱和度,以达到聚焦关注数据的目的。参见图17,资金监管”上时,聚焦了“存托管及监管>监管产品>资金监管>住房资金监管”这一整条产品线。
展示提示框,聚焦显示该区块的细节信息。
(2)(鼠标)单击:进入子层级,查看详情
在得到一些关于整体数据的初步结论的时候,往往需要进一步仔细查看某一分类的细分情况。因为在综合所有数据维度和指标的整体图表中,可能无法清晰表现一些数据细部,所以本方案考虑了(鼠标)单击事件的交互,当每个分类数据都拥有具体数值时,点击某一环块时,会进入该环块的全局视角,查看该分类的详细情况,在海量数据下达到聚焦、细化的目的。
参见图18,点击代理一级分类后进入的细分子分类展示情况,使得该分类的数据得到了更清晰的展示。此时点击中心蓝色圆形,则可以回到全局视图。
(3)(鼠标)长按:相关分类、同级产品
通过高亮相关区块,长按可以再增加一个维度的数据展示,如表达:相关地区、相同部门、相同权限的区块。参见图19,鼠标长按二级“代理资金结算”扇块,用荧光黄高亮了所有和其有相同发行方的产品。
(四)其他优化点
(1)显示/隐藏(部分)文字
当每个环块都表示具体数值,大量数据——尤其是层级很多、子分类细分也很多——的情况下,如果直接标记在图表上,会让图表显得凌乱,数据也很难看清。此时就可以按如下两种规则动态显示/隐藏(部分)文字,达到图表简洁化的目的:
当扇区角度小于3°时,默认不显示扇区的名字,当鼠标移动上去悬停时再显示;
当扇区名字长度大于5字时,默认截断,当鼠标移动上去悬停时再显示完全;参见图20所示文字显隐对比图。
(2)显示/隐藏(部分)文字
大数据量下的优化:中心留空
当数据量繁多,尤其是子分类很多的场景下,会发生数据名字互相重叠,无法分辨的问题。本方案提出的解决方案是,将旭日图中心留空,将所有层级向外扩展。由于外层圆环周长较大,可以展示更多的数据,所以可以很大程度上解决重叠显示的问题。也可以结合前一小节的文字动态显隐能力,进一步改善“挤作一堆”问题。甚至可以利用旭日图的“空心”,用于展示每个分类数据的具体数值和含义(类似前述提示框作用)。参见图21,对比展示了中心留空和不留空的数据重叠情况。
(五)其他技术点说明
(1)数据预处理
本方案以旭日图为本,其输入数据格式需要表示为父子关系的树状结构数据。在送入程序生成图表前,可能需要利用代码对其进行预处理,本方案采用了Java程序将Excel数据转换为JSON格式,参见图22。
(2)文字的截断处理
当名字过长时的截断处理,可以通过编写formatter代码来过滤,简单JavaScript代码示例如图23所示。
(3)交互事件的实现
本方案的图表生成有多种第三方库可以使用,需要实现的是其展现更多维度的扩展部分以及(鼠标)交互事件。
从上述描述可知,本申请应用实例提供的数据的单图表展示方法,以旭日图为基础,结合颜色映射、进度条、折线图、柱状图、有向图、提示框、交互事件、动画等多种手段,在一张图表中同时展现很高维度的数据量的方式;在一张图表中同时传达多种数据类型——趋势、(数值)对比、占比、分布、区间、关联型等——的方式。通过动画、同用户的交互,文字动态显隐等手段,突出显示重点数据,优化呈现效果,进一步提升信息传达解读效率的方案。具有如下有益效果:
1.本方案最大程度地提高了一张图表的信息传达量,以旭日图为基础,结合颜色映射、进度条、折线图、柱状图、有向图、提示框、交互事件、动画等多种手段,可以在一张图表中同时展现很高维度的数据量,数据类型也遍及:趋势、(数值)对比、占比、分布、区间、关联型等多种类型(除了地理位置类型数据,基本可以表示所有大的数据类型)。
2.本方案同时适用于少量和大量数据的应用场景,也考虑到了利用动画、同用户的交互等手段,有效呈现重要特征,将重要的数据信息凸显出来,抓住用户的注意力,进一步提升信息传达解读效率。
3.本方案设计了多种图表优化方式,如:文字动态显隐,中心留空等,进一步优化了数据呈现的效果。
从软件层面来说,为了解决现有的数据展示方式无法同时满足用户获取信息效率以及信息全面性的问题,本申请提供一种用于执行所述数据的单图表展示方法中全部或部分内容的数据的单图表展示装置的实施例,参见图24,所述数据的单图表展示装置具体包含有如下内容:
数据接收模块10,用于接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据。
在一种举例中,所述目标数据可以为目标金融数据,进而能够有效提高金融用户获取可视化金融信息的效率、全面性及便捷性,进而能够有效提高金融用户选择金融产品户或服务的效率及便捷性,提供金融企业向金融用户提供金融产品及服务的效率及便捷性。
旭日图生成模块20,用于自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图。
具体来说,图表主体采用兼顾了层级关系和和占比关系的旭日图。
单图表生成模块30,用于根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表。
可以理解的是,可以在旭日图的基础上,辅以颜色、进度条等视觉映射;或者折线图、柱状图等其它子图表;以及有向箭头等关联,从而增加对比、区间、分布、关联关系等等其它数据类型的维度和指标的展示;最后结合通过(鼠标悬停、单击、长按等)交互和动画,达到聚焦重点数据、查看具体详情的目的。
单图表输出模块40,用于输出所述目标单图表以进行所述目标数据的展示。
本申请提供的数据的单图表展示装置的实施例具体可以用于执行上述实施例中的数据的单图表展示方法的实施例的处理流程,其功能在此不再赘述,可以参照上述方法实施例的详细描述。
从上述描述可知,本申请实施例提供的数据的单图表展示方法,数据可视化旨在传达与沟通信息,本申请实施例在保持可视化美学的情况下,最大程度地提高一张图表的信息传达量,力求使用二维图表展示出更多的数据维度和(复合)指标;本申请实施例同时适用于少量和大量数据的应用场景,并提出了在一张图表同时展示数据占比、层级、趋势、对比、分布、区间、关联、优先级等多种复杂形式关系的方法;本申请实施例也考虑到了利用动画、同用户的交互等手段,进一步提升信息传达效率,并实现突出数据重点等进阶能力,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
在本申请提供的数据的单图表展示方法的一个实施例中,所述数据的单图表展示方法的旭日图生成模块20具体包含有如下内容:
关联数据获取单元,用于自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据;
比例数据获取单元,用于自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据;
旭日图获取单元,用于应用所述关联数据和比例数据生成对应的旭日图。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,能够有效提高自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图的准确性及可靠性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示装置的一个实施例中,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
也就是说,旭日图的每一层都是(一个)饼图(或圆环图),所以一层一层的单独去看,表示的就是数据的占比情况,即旭日图的各环块弧长代表了该项的占比。
综上,图表主体采用旭日图来表现两个维度的数据:
a)直观表示不同数据之间的层级包含关系(关联数据);
b)数据总体和各个构成部分之间的比例关系(比例数据)。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,能够有效提高旭日图显示的有效性及准确性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示装置的一个实施例中,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
基于上述内容,由于旭日图的从属关系是通过圈层对应位置来表达的,旭日图不同分类并非必须采用不同颜色来表示(采用不同颜色只是为了显示清晰),所以本方案引入颜色作为一种视觉映射,来增加表示一个维度或指标,如:程度或聚类。
旭日图只能表示一种分类关系,也可以通过使用颜色,在某种分类关系的基础上,同时再展示另一种分类关系。譬如说在调研市场上的咖啡机时,用主体旭日图表示按咖啡冲泡方式来分类的咖啡机(虹吸式、滴漏式、压力式、蒸汽式、胶囊萃取式等),同时采用不同颜色,来表示按自动/半自动/手动等方式来划分咖啡机的分类(此时不同颜色的扇块可以散落在各个角度,不一定在同一个扇形中)。
甚至可以用(高亮)颜色来展示Top 10的产品。
除了上述的“分段”式颜色数据映射,也可以有连续型的颜色数据映射,以达到类似于热力图的效果。即在旭日图中利用格快的连续颜色变化,来表达如:旅游景点的热门程度、疫情的感染情况、生物样本按高度的分布情况等等。
即引入颜色映射,可以在旭日图的基础上,增加显示一维对比型或区间型的数据。
类似于颜色映射,同样可以引入进度条来增加表示一个维度的数据。进度条比较适合传达:完成度、星级划分等类型维度或(复合)指标。
除了视觉元素映射、进度条,在图表主体中还能结合其余类型的子图表,继续增加传递信息量的维度。
如:柱状图、折线图等,都可以增加表达一个维度的分布情况、数值对比等。示例见下图五,在产品>存款分类下的五级产品中使用折线图表示了产品的销售情况。
其它的数值型的数据也都适合通过增加子图表来表示。
在核心图表的扇块间添加有向图,可以进一步表达区块间的联结关系或流程等。
在数据分析中,很重要的一方面是研究数据随一变量的变化趋势,如:看目标数据的时间走向趋势。结合动画,就可以实现分析数据变化趋势的能力。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,能够有效提高根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项以形成目标单图表的有效性及准确性,以进一步提高用户获取可视化信息的效率、全面性及便捷性。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示装置的还具体包含有如下内容:
交互功能添加模块,用于在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,最适用的应用场景是海量数据的单图展示,旨在尽可能多地展示数据维度和指标,那么如何突出重点,避免过于复杂的内容元素影响数据呈现效果也是需要考虑到的重要的点。本方案主要通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示装置还具体包含有如下内容:
鼠标悬停触发模块,用于接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
具体来说,当用户将鼠标移动到某一扇块,则说明其关注重在此区块上,因此会高亮显示此区块的整条关系线(包括到根类别的所有父级扇块和其下的所有子分类),并降低其余不相关模块的饱和度,以达到聚焦关注数据的目的。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示装置还具体包含有如下内容:
鼠标单击触发模块,用于接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
在得到一些关于整体数据的初步结论的时候,往往需要进一步仔细查看某一分类的细分情况。因为在综合所有数据维度和指标的整体图表中,可能无法清晰表现一些数据细部,所以本方案考虑了(鼠标)单击事件的交互,当每个分类数据都拥有具体数值时,点击某一环块时,会进入该环块的全局视角,查看该分类的详细情况,在海量数据下达到聚焦、细化的目的。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示方还具体包含有如下内容:
鼠标长按触发模块,用于接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
具体来说,通过高亮相关区块,长按可以再增加一个维度的数据展示,如表达:相关地区、相同部门、相同权限的区块。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,通过(鼠标)交互方式来实现数据的聚焦和抽象,在增加了交互功能之后,每一层数据关系能更加清楚地展现出来。
在本申请提供的数据的单图表展示装置的一个实施例中所述数据的单图表展示装置中还具体包含有如下内容:
数据预处理模块,用于对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
具体来说,本方案以旭日图为本,其输入数据格式需要表示为父子关系的树状结构数据。在送入程序生成图表前,可能需要利用代码对其进行预处理,本方案采用了Java程序将Excel数据转换为JSON格式。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,能够在送入程序生成图表前,对其进行预处理,以有效提供根据目标数据生成旭日图的处理效率。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示装置中的旭日图生成模块还具体包含有如下内容:
动态显示单元,用于若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,当每个环块都表示具体数值,大量数据——尤其是层级很多、子分类细分也很多——的情况下,如果直接标记在图表上,会让图表显得凌乱,数据也很难看清。此时就可以动态显示文字,达到图表简洁化的目的。
在本申请提供的数据的单图表展示装置的一个实施例中,所述数据的单图表展示装置中的旭日图生成模块20还具体包含有如下内容:
部分隐藏单元,用于若存在所述环块的名称长度大于长度阈值,则将该环设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
从上述描述可知,本申请实施例提供的数据的单图表展示装置,当每个环块都表示具体数值,大量数据——尤其是层级很多、子分类细分也很多——的情况下,如果直接标记在图表上,会让图表显得凌乱,数据也很难看清。此时就可以隐藏(部分)文字,达到图表简洁化的目的。
从硬件层面来说,为了解决现有的数据展示方式无法同时满足用户获取信息效率以及信息全面性的问题,本申请提供一种用于实现所述数据的单图表展示方法中的全部或部分内容的电子设备的实施例,所述电子设备具体包含有如下内容:
图25为本申请实施例的电子设备9600的系统构成的示意框图。如图25所示,该电子设备9600可以包括中央处理器9100和存储器9140;存储器9140耦合到中央处理器9100。值得注意的是,该图25是示例性的;还可以使用其他类型的结构,来补充或代替该结构,以实现电信功能或其他功能。
在一实施例中,数据的单图表展示功能可以被集成到中央处理器中。其中,中央处理器可以被配置为进行如下控制:
步骤100:接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据。
在一种举例中,所述目标数据可以为目标金融数据,进而能够有效提高金融用户获取可视化金融信息的效率、全面性及便捷性,进而能够有效提高金融用户选择金融产品户或服务的效率及便捷性,提供金融企业向金融用户提供金融产品及服务的效率及便捷性。
步骤200:自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图。
具体来说,图表主体采用兼顾了层级关系和和占比关系的旭日图。
步骤300:根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表。
可以理解的是,可以在旭日图的基础上,辅以颜色、进度条等视觉映射;或者折线图、柱状图等其它子图表;以及有向箭头等关联,从而增加对比、区间、分布、关联关系等等其它数据类型的维度和指标的展示;最后结合通过(鼠标悬停、单击、长按等)交互和动画,达到聚焦重点数据、查看具体详情的目的。
步骤400:输出所述目标单图表以进行所述目标数据的展示。
从上述描述可知,本申请实施例提供的电子设备,数据可视化旨在传达与沟通信息,本申请实施例在保持可视化美学的情况下,最大程度地提高一张图表的信息传达量,力求使用二维图表展示出更多的数据维度和(复合)指标;本申请实施例同时适用于少量和大量数据的应用场景,并提出了在一张图表同时展示数据占比、层级、趋势、对比、分布、区间、关联、优先级等多种复杂形式关系的方法;本申请实施例也考虑到了利用动画、同用户的交互等手段,进一步提升信息传达效率,并实现突出数据重点等进阶能力,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
在另一个实施方式中,数据的单图表展示装置可以与中央处理器9100分开配置,例如可以将数据的单图表展示装置配置为与中央处理器9100连接的芯片,通过中央处理器的控制来实现数据的单图表展示功能。
如图25所示,该电子设备9600还可以包括:通信模块9110、输入单元9120、音频处理器9130、显示器9160、电源9170。值得注意的是,电子设备9600也并不是必须要包括图25中所示的所有部件;此外,电子设备9600还可以包括图25中没有示出的部件,可以参考现有技术。
如图25所示,中央处理器9100有时也称为控制器或操作控件,可以包括微处理器或其他处理器装置和/或逻辑装置,该中央处理器9100接收输入并控制电子设备9600的各个部件的操作。
其中,存储器9140,例如可以是缓存器、闪存、硬驱、可移动介质、易失性存储器、非易失性存储器或其它合适装置中的一种或更多种。可储存上述与失败有关的信息,此外还可存储执行有关信息的程序。并且中央处理器9100可执行该存储器9140存储的该程序,以实现信息存储或处理等。
输入单元9120向中央处理器9100提供输入。该输入单元9120例如为按键或触摸输入装置。电源9170用于向电子设备9600提供电力。显示器9160用于进行图像和文字等显示对象的显示。该显示器例如可为LCD显示器,但并不限于此。
该存储器9140可以是固态存储器,例如,只读存储器(ROM)、随机存取存储器(RAM)、SIM卡等。还可以是这样的存储器,其即使在断电时也保存信息,可被选择性地擦除且设有更多数据,该存储器的示例有时被称为EPROM等。存储器9140还可以是某种其它类型的装置。存储器9140包括缓冲存储器9141(有时被称为缓冲器)。存储器9140可以包括应用/功能存储部9142,该应用/功能存储部9142用于存储应用程序和功能程序或用于通过中央处理器9100执行电子设备9600的操作的流程。
存储器9140还可以包括数据存储部9143,该数据存储部9143用于存储数据,例如联系人、数字数据、图片、声音和/或任何其他由电子设备使用的数据。存储器9140的驱动程序存储部9144可以包括电子设备的用于通信功能和/或用于执行电子设备的其他功能(如消息传送应用、通讯录应用等)的各种驱动程序。
通信模块9110即为经由天线9111发送和接收信号的发送机/接收机9110。通信模块(发送机/接收机)9110耦合到中央处理器9100,以提供输入信号和接收输出信号,这可以和常规移动通信终端的情况相同。
基于不同的通信技术,在同一电子设备中,可以设置有多个通信模块9110,如蜂窝网络模块、蓝牙模块和/或无线局域网模块等。通信模块(发送机/接收机)9110还经由音频处理器9130耦合到扬声器9131和麦克风9132,以经由扬声器9131提供音频输出,并接收来自麦克风9132的音频输入,从而实现通常的电信功能。音频处理器9130可以包括任何合适的缓冲器、解码器、放大器等。另外,音频处理器9130还耦合到中央处理器9100,从而使得可以通过麦克风9132能够在本机上录音,且使得可以通过扬声器9131来播放本机上存储的声音。
本申请的实施例还提供能够实现上述实施例中的数据的单图表展示方法中全部步骤的一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述实施例中的执行主体为服务器或客户端的数据的单图表展示方法的全部步骤,例如,所述处理器执行所述计算机程序时实现下述步骤:
步骤100:接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据。
在一种举例中,所述目标数据可以为目标金融数据,进而能够有效提高金融用户获取可视化金融信息的效率、全面性及便捷性,进而能够有效提高金融用户选择金融产品户或服务的效率及便捷性,提供金融企业向金融用户提供金融产品及服务的效率及便捷性。
步骤200:自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图。
具体来说,图表主体采用兼顾了层级关系和和占比关系的旭日图。
步骤300:根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表。
可以理解的是,可以在旭日图的基础上,辅以颜色、进度条等视觉映射;或者折线图、柱状图等其它子图表;以及有向箭头等关联,从而增加对比、区间、分布、关联关系等等其它数据类型的维度和指标的展示;最后结合通过(鼠标悬停、单击、长按等)交互和动画,达到聚焦重点数据、查看具体详情的目的。
步骤400:输出所述目标单图表以进行所述目标数据的展示。
从上述描述可知,本申请实施例提供的计算机可读存储介质,数据可视化旨在传达与沟通信息,本申请实施例在保持可视化美学的情况下,最大程度地提高一张图表的信息传达量,力求使用二维图表展示出更多的数据维度和(复合)指标;本申请实施例同时适用于少量和大量数据的应用场景,并提出了在一张图表同时展示数据占比、层级、趋势、对比、分布、区间、关联、优先级等多种复杂形式关系的方法;本申请实施例也考虑到了利用动画、同用户的交互等手段,进一步提升信息传达效率,并实现突出数据重点等进阶能力,能够以单图表的形式显示海量数据的多维度信息,能够有效提高海量数据的信息显示角度及类型,单图表展示数据的处理过程可靠且高效,且无需更换显示界面,能够降低用于显示单图表的设备损坏,进而能够有效提高用户获取可视化信息的效率及便捷性,并能够有效提高用户在一个单图表中获取可视化信息的全面性,进而能够有效提高用户查看单图表的用户体验。
本领域内的技术人员应明白,本发明的实施例可提供为方法、装置、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(装置)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (24)
1.一种数据的单图表展示方法,其特征在于,包括:
接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;
自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;
根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;
输出所述目标单图表以进行所述目标数据的展示。
2.根据权利要求1所述的数据的单图表展示方法,其特征在于,所述自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图,包括:
自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据;
以及,自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据;
应用所述关联数据和比例数据生成对应的旭日图。
3.根据权利要求2所述的数据的单图表展示方法,其特征在于,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
4.根据权利要求1所述的数据的单图表展示方法,其特征在于,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
5.根据权利要求3所述的数据的单图表展示方法,其特征在于,在所述输出所述目标单图表以进行所述目标数据的展示之前,还包括:
在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
6.根据权利要求5所述的数据的单图表展示方法,其特征在于,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
7.根据权利要求5所述的数据的单图表展示方法,其特征在于,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
8.根据权利要求5或6所述的数据的单图表展示方法,其特征在于,在所述输出所述目标单图表以进行所述目标数据的展示之后,还包括:
接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
9.根据权利要求1所述的数据的单图表展示方法,其特征在于,在所述自所述树状结构数据中提取关联数据和比例数据之前,还包括:
对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
10.根据权利要求3所述的数据的单图表展示方法,其特征在于,在所述应用所述关联数据和比例数据生成对应的旭日图之后,还包括:
若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
11.根据权利要求3所述的数据的单图表展示方法,其特征在于,在所述应用所述关联数据和比例数据生成对应的旭日图之后,还包括:
若存在所述环块的名称长度大于长度阈值,则将该环块设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
12.一种数据的单图表展示装置,其特征在于,包括:
数据接收模块,用于接收目标数据,其中,该目标数据包括用于表示父子关系的树状结构数据;
旭日图生成模块,用于自所述树状结构数据中提取关联数据和比例数据,并根据该关联数据和比例数据生成对应的旭日图;
单图表生成模块,用于根据所述目标数据在所述旭日图上添加视觉影射元素、子图表元素、联结关系元素和变化趋势元素中的至少一项,以形成目标单图表;
单图表输出模块,用于输出所述目标单图表以进行所述目标数据的展示。
13.根据权利要求12所述的数据的单图表展示装置,其特征在于,所述旭日图生成模块包括:
关联数据获取单元,用于自所述树状结构数据中提取不同类型的数据之间的层级关系,得到对应的所述关联数据;
比例数据获取单元,用于自所述树状结构数据中提取相同类型的数据中的各个构成部分之间的比例关系,得到对应的所述比例数据;
旭日图获取单元,用于应用所述关联数据和比例数据生成对应的旭日图。
14.根据权利要求13所述的数据的单图表展示装置,其特征在于,所述旭日图包括:中心饼图和依次环设在中心饼图之外的多个圆环图,所述中心饼图和各个所述圆环图分别用于显示不同类型的数据之间的层级关系;
其中,所述中心饼图用于显示最高层级的数据,且各个所述圆环图显示的数据的层级根据自身与所述中心饼图之间的距离依次递减;
所述中心饼图由多个扇形的环块组成且所述中心饼图中的各个环块分别用于显示该中心饼图的各个构成部分之间的比例关系;
各个所述圆环图分别由多个扇环形的环块组成,且所述圆环图中的各个环块分别用于显示该圆环图的各个构成部分之间的比例关系。
15.根据权利要求12所述的数据的单图表展示装置,其特征在于,所述视觉影射元素包括:颜色元素和/或进度条,所述颜色元素用于区分数据重要程度或展示不同于所述关联数据的分类关系,所述进度条用于显示完成度或等级划分;
所述子图表元素包括:用于表示新增维度的数据分布情况或数值对比的展示图,且该展示图包括柱状图和/或折线图;
所述联结关系元素包括:用于表示环块之间的联结关系或流程的有向箭头图;
所述变化趋势元素包括:用于表示数据变化趋势的动画和/或时间轴。
16.根据权利要求14所述的数据的单图表展示装置,其特征在于,还包括:
交互功能添加模块,用于在所述目标单图表中添加以所述环块为单位的交互功能模块,以在交互功能模块被触发后显示对应环块的关系数据。
17.根据权利要求16所述的数据的单图表展示装置,其特征在于,还包括:
鼠标悬停触发模块,用于接收针对所述环块的鼠标悬停指令,触发对应的交互功能模块以高亮显示该环块的关系数据并降低除该环块以外的其他环块的饱和度。
18.根据权利要求16所述的数据的单图表展示装置,其特征在于,还包括:
鼠标单击触发模块,用于接收针对所述环块的鼠标单击事件,触发对应的交互功能模块以显示该环块的关系数据子页面。
19.根据权利要求16或17所述的数据的单图表展示装置,其特征在于,还包括:
鼠标长按触发模块,用于接收针对所述环块的鼠标长按指令,触发对应的交互功能模块以显示该环块的新增维度数据。
20.根据权利要求12所述的数据的单图表展示装置,其特征在于,还包括:
数据预处理模块,用于对所述目标数据进行数据预处理以将该目标数据的格式转化为目标格式。
21.根据权利要求14所述的数据的单图表展示装置,其特征在于,所述旭日图生成模块还包括:
动态显示单元,用于若存在所述环块的扇区角度小于角度阈值,则将该环块设置为在所述旭日图中默认不显示名称且在接收到鼠标悬停指令时显示名称的状态。
22.根据权利要求14所述的数据的单图表展示装置,其特征在于,所述旭日图生成模块还包括:
部分隐藏单元,用于若存在所述环块的名称长度大于长度阈值,则将该环块设置为在所述旭日图中默认显示部分名称且在接收到鼠标悬停指令时显示完整名称的状态。
23.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1至11任一项所述的数据的单图表展示方法。
24.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至11任一项所述的数据的单图表展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011034835.0A CN112084378A (zh) | 2020-09-27 | 2020-09-27 | 数据的单图表展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011034835.0A CN112084378A (zh) | 2020-09-27 | 2020-09-27 | 数据的单图表展示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112084378A true CN112084378A (zh) | 2020-12-15 |
Family
ID=73739119
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011034835.0A Pending CN112084378A (zh) | 2020-09-27 | 2020-09-27 | 数据的单图表展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112084378A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120240064A1 (en) * | 2011-03-15 | 2012-09-20 | Oracle International Corporation | Visualization and interaction with financial data using sunburst visualization |
KR101730883B1 (ko) * | 2016-05-31 | 2017-04-28 | 아주대학교산학협력단 | 코멘트 데이터의 계층화된 정보를 시각화하는 장치 및 방법 |
CN111177497A (zh) * | 2019-12-15 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 层次数据的关联关系可视化处理方法、服务器及存储介质 |
CN111625235A (zh) * | 2020-04-17 | 2020-09-04 | 北京大学 | 基于描述性语言的树可视化形式的构建、解构方法及系统 |
-
2020
- 2020-09-27 CN CN202011034835.0A patent/CN112084378A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120240064A1 (en) * | 2011-03-15 | 2012-09-20 | Oracle International Corporation | Visualization and interaction with financial data using sunburst visualization |
KR101730883B1 (ko) * | 2016-05-31 | 2017-04-28 | 아주대학교산학협력단 | 코멘트 데이터의 계층화된 정보를 시각화하는 장치 및 방법 |
CN111177497A (zh) * | 2019-12-15 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 层次数据的关联关系可视化处理方法、服务器及存储介质 |
CN111625235A (zh) * | 2020-04-17 | 2020-09-04 | 北京大学 | 基于描述性语言的树可视化形式的构建、解构方法及系统 |
Non-Patent Citations (1)
Title |
---|
屈希峰: "《Python数据可视化:基于Bokeh的可视化绘图》", 31 January 2020, 机械工业出版社, pages: 76 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10740121B2 (en) | User interface for navigating multiple applications | |
Liu et al. | A survey on information visualization: recent advances and challenges | |
US20220207230A1 (en) | Annotation control features for web browser editing and storage platforms | |
US9870362B2 (en) | Interactive data-driven presentations | |
US10466971B2 (en) | Generation of an application from data | |
US10430035B2 (en) | Embedded analytics for applications and interfaces across multiple platforms | |
CN102999561B (zh) | 数据集和数据服务的上下文趋向 | |
US9128595B2 (en) | Managing data content on a computing device | |
CN113011400A (zh) | 对数据的自动识别和洞察 | |
US8276113B2 (en) | Dynamic highlighting of related artifacts in a UML diagram | |
CN104903932A (zh) | 定制共享的web资源的快照 | |
US9361286B2 (en) | Visual tracking of report changes | |
CN104951477B (zh) | 用于过滤数据的方法和装置 | |
US11094096B2 (en) | Enhancement layers for data visualization | |
WO2017050164A1 (zh) | 一种对象呈现方法与设备 | |
CN112084378A (zh) | 数据的单图表展示方法及装置 | |
Levus et al. | Intelligent System for Arbitrage Situations Searching in the Cryptocurrency Market. | |
Verspoor et al. | Commviz: visualization of semantic patterns in large social communication networks | |
Amr et al. | Practical D3. js | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
US20240144296A1 (en) | Methods, systems, articles of manufacture, and apparatus to provide visualizations of volume shift analysis | |
US20230034565A1 (en) | System and method for optimizing clustering outputs for marketing crosstabs | |
KR102671016B1 (ko) | 상표 제작 서비스 제공 방법, 장치 및 컴퓨터-판독가능 기록매체 | |
Costa | Bringing Clarity to Transparency: A Study of Dashboard Implementation in the Public Sector | |
US20210154534A1 (en) | System And Method For Generating Graphical Visualization |
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 |