CN111949662A - 数据展示方法和装置、存储介质和电子设备 - Google Patents

数据展示方法和装置、存储介质和电子设备 Download PDF

Info

Publication number
CN111949662A
CN111949662A CN202010813673.4A CN202010813673A CN111949662A CN 111949662 A CN111949662 A CN 111949662A CN 202010813673 A CN202010813673 A CN 202010813673A CN 111949662 A CN111949662 A CN 111949662A
Authority
CN
China
Prior art keywords
data table
data
information
tables
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
CN202010813673.4A
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 ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network 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 ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202010813673.4A priority Critical patent/CN111949662A/zh
Publication of CN111949662A publication Critical patent/CN111949662A/zh
Priority to PCT/CN2021/112038 priority patent/WO2022033511A1/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/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22Indexing; Data structures therefor; Storage structures
    • G06F16/2282Tablespace storage structures; Management thereof
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (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

数据展示方法和装置、存储介质和电子设备
技术领域
本公开涉及图表领域,具体地,涉及一种数据展示方法和装置、存储介质和电子设备。
背景技术
在数据治理中,数据的可视化展示为人们提供了很多便利。数据的有序排列以及数据之间的关系可以以有线无环图的形式展现,直观且简洁。但是,由于大数据具有数量大、关系复杂的特性,一组需要展示的大数据通常具有上万级的节点,以及复杂的节点关系,大部分的软件无法支撑万级以上的节点展示,而少部分可以展示万级以上的节点的软件通常不具有复杂的制图组件,这使得图表的位置计算十分困难,图表之间的关系也很难体现出来。
发明内容
提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
第一方面,本公开提供一种数据展示方法,所述方法包括:获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;根据所述关系信息和所述相对位置信息,确定各数据表集的位置;基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
第二方面,本公开提供一种数据展示装置,所述装置包括:获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;根据所述关系信息,确定各数据表集的位置;基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
第三方面,本公开提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现本公开第一方面中任一项所述方法的步骤。
第四方面,本公开提供一种电子设备,包括存储装置和处理装置,存储装置上存储有计算机程序;处理装置用于执行所述存储装置中的所述计算机程序,以实现本公开第一方面中任一项所述方法的步骤。
通过上述技术方案,至少可以实现以下的技术效果:
根据数据表之间的关系以及用户选择的分组对多个数据表进行排列布局,且与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置,使得布局后的图形不仅可以同时提现数据表间的引用层次、关联关系以及分组关系,使数据表的展示图更加直观,便于用户理解和提取信息。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。在附图中:
图1是根据一示例性公开实施例示出的一种数据展示方法的流程图。
图2是根据一示例性公开实施例示出的一种数据表集中各个数据表的排布示意图。
图3是根据一示例性公开实施例示出的一种数据表集中各个数据表的排布示意图。
图4是根据一示例性公开实施例示出的一种数据表集的布局示意图。
图5是根据一示例性公开实施例示出的一种数据表展示图的示意图。
图6是根据一示例性公开实施例示出的一种数据表展示图的示意图。
图7是根据一示例性公开实施例示出的一种数据展示装置的框图。
图8是根据一示例性公开实施例示出的一种电子设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
图1是根据一示例性公开实施例示出的一种数据展示方法的流程图,如图1所示,所述数据展示方法包括以下步骤:
S11、获取多个数据表信息和数据表之间的关系信息。
每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系。
该数据表信息和关系信息可以是用户上传的,也可以是直接从预设的数据库中调用的,或者是由用户指定数据库的位置后,通过该位置获取到的。本公开对数据表信息和关系信息的获取方式不做限制。
其中,该起始数据表和目标数据表的对应关系,可以是数据表中数据项之间的引用关系,例如,数据表A中的数据项[name_user1]的值是从数据表B中的数据项[name_user1]沿用的,则数据表A和数据表B之间有对应关系,数据表A引用数据表B,起始数据表为数据表B,目标数据表为数据表A;或者,数据表C中的数据项[color_title]的值是通过数据表B中的[color_options]数据项和数据表A中的[title_options]数据项共同计算得出的,则数据表C和数据表A之间有对应关系,且数据表C与数据表B之间有对应关系,在前一个对应关系中,起始数据表为数据表A,目标数据表为数据表C,在后一个对应关系中,起始数据表为数据表B,目标数据表为数据表C。
数据表信息可以包括了数据表的名称、数据表在各个分组形式下的组别、数据表中的各数据项及其值等,每个数据表的信息可以各自作为一个文件存储。关系信息可以作为独立的表格进行存储,也可以作为数据表信息中的项进行存储,且存储的关系信息可以是数据表与数据表之间的信息,也可以数据表的数据项之间的关系,也可以是两种关系同时存储。例如,可以将StartNode作为起始数据表,EndNode作为目标数据表,StartCol作为起始数据项,EndCol作为目标数据项。
例如,数据表A的数据表信息中可以包括数据表A的名称、数据项、组别,还可以包括起始数据表:D、E和目标数据表B、C,则表明数据表A引用了数据表D和数据表E,且被数据表B和数据表C引用。同理,数据表A中的各数据项的信息中也可以包括各数据项的起始数据项和目标数据项,在此不做赘述。
在存储关系信息时,还可以将所有数据表之间的关系信息都存储到独立的表格中,例如,该表格中可以存储以下的对应关系:
StartNode1:sheet A EndNode1:sheet B
StartNode2:sheet A EndNode2:sheet C
StartNode3:sheet D EndNode3:sheet A
StartCol1:A_name_user1 EndCol1:B_name_user1
StartCol2:A_title_optionsEndCol2:C_color_title
StartCol3:B_color_options EndCol3:C_color_title
则上述的关系信息表征数据表B引用数据表C,数据表C引用数据表A,数据表A引用数据表D,数据表B中的name_user1数据项引用自数据表A中的name_user1数据项,数据表C中的color_title数据项引用自数据表A中的title_options数据项和数据表B中的color_options数据项。
上述关系信息的存储名称和存储形式仅用于举例说明,本公开不对关系信息的具体存储名称和存储形式进行限定。
S12、响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集。
其中,一个数据表集中的数据表在该分组形式下的组别相同。
例如,该分组形式可以是“负责人”,则属于同一负责人的多个数据表组成一个数据表集,该分组形式可以是“产品线”,则属于同一产品线的多个数据表组成一个数据表集。
用户可以基于需求选择需要进行展示的分组形式,也可以改变分组形式。在用户改变分组形式后,可以重新对数据表的排布进行布局,以得到根据新的分组形式布局的数据展示图像。
S13、针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息。
其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置。
如图2和图3所示的是数据表集中各个数据表的排布示意图,其中,该排布图中的数据表位置为基于数据表集确定的相对位置。其中,图2所示的是与同一起始数据表对应的多个目标数据表位于同一横向位置的排布图,图3所示的是与同一起始数据表对应的多个目标数据表位于同一竖向位置的排布图。其中,数据表A和数据表E引用自数据表D,数据表B引用自数据表A,数据表C引用自数据表B和数据表A;数据表A’和数据表E’引用自数据表D’,数据表B’引用自数据表A’,数据表C’引用自数据表B’和数据表A’。值得说明的是,图2和图3中的有向曲线仅用于在示意图中展示数据表之间的关系信息,在确定数据表集中各个数据表的排布图(亦即,数据表在数据表集中的相对位置)的阶段并不会生成有向曲线。
通过将与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置,可以简洁地展示出各数据表之间的层级关系,减少不同层级的数据表交叉排列导致的查询不便的情况,更加有利于查看数据表之间的引用关系。
值得说明的是,一个数据表的宽度和高度可以是用户指定的任意值,也可以是预设值。在一种可能的实施方式中,数据表的高度是基于该数据表中数据项的数量确定的。在确定数据表集中的相对位置信息时,还可以考虑各数据表的高度,以免数据表之间发生重叠。
S14、根据所述关系信息,确定各数据表集的位置。
将数据表集作为一个整体,则该数据表间的关系信息可以转换为数据表集之间的关系信息。例如,数据表A隶属数据集A’,数据表B隶属数据集B’,且数据表B引用自数据表A,则可以确定数据表集B’与数据表集A之间存在引用关系。通过对数据表集按照引用关系进行粗分类,再对数据表集的布局按照引用关系进行排列,再将粗分类后的数据表集作为一个整体,对上述过程进行递归,则可以得到最终的数据表集的排列位置。
除此以外,还可以基于该关系信息,对不同数据表集中与同一起始数据表对应的横向位置或竖向位置进行对齐,从而完成对数据表集的布局。以与同一起始数据表对应的多个目标数据表位于同一竖向位置的情况为例,如图4所示的是一种数据表集的布局示意图,图像中以虚线分隔的区域为一个竖向位置,其中,数据集A’中的数据表B引用数据表A,数据表C引用数据表B和数据表A,数据集B’中的数据表E和数据表F都引用自数据表D,且数据表E还引用了数据集A’中的数据表A,则可以将数据集B’中数据表E和数据表F所在的竖行和数据集A’中数据表B所在的竖行进行对齐,从而得到具有层次的数据表集排布图。
上述的两种排列方法还可以组合进行,例如,先使用粗分类和递归布局的形式确定数据表集之间的粗位置,再遍历所有数据表,将具有引用关系的数据表集进行对齐处理,从而可以快速且精确地得到具有层次的数据表集排列图,且节省了计算资源。
S15、基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
在确定了数据表集的位置和数据表集中各数据表的相对位置之后,可以生成数据表排列图和用于连接各个数据表的有向曲线。如图5所示的是一种数据表展示图,如图5所示,数据表集之间根据分组进行聚类,且通过有向曲线展示引用关系,并且,引用同一数据表的多个数据表位于同一竖行,数据表展示图的层级关系分明,分组情况明确,引用关系清晰。图5中的数据表集根据负责人进行聚类,每一个矩形区域为一个数据表集。
在传统的dagre算法中,各连接点之间使用折线进行连接,这种连接方式可能导致大量的线条交叉,且线段过渡生硬,不利于用户观看连接关系。
在一种可能的实施方式中,该有向曲线是通过以下步骤生成的:
基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;
针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。
其中,该中间连接点的数量可以是根据连接点的距离决定的,例如单位距离为4的两个连接点间设置一个中间连接点,点位距离为8的连接点间设置两个中间连接点。该中间连接点的数量还可以是预先设置的数量值,例如,每条曲线的中间连接点均为2个,则不管该曲线的前连接点和后连接点之间的距离为多少,均在前后两个连接点之间设置两个中间连接点;该中间连接点的数量还可以根据dagre算法所生成的折线所包括的转折点的数量而定,例如,基于dagre算法生成的折线具有三个折点,则该中间连接点可以为3个,三个连接点以及前后连接点之间通过三次贝塞尔曲线平滑过渡。这样,可以针对不同的线段适用不同复杂程度的算法,既节省计算资源,又生成了美观简洁的连接曲线。
具体的,该有向曲线可以是三次贝塞尔曲线,基于所述前连接点和后连接点的距离确定两个中间连接点,每个连接点之间的距离相等,构建三次多项式函数,其中,每一段函数在连接点处的导数值相等(即每一个连接点的前后曲线在该连接点处的斜率相同),从而可以得到平滑过渡的三次贝塞尔曲线。
在得到了三次贝塞尔曲线后,可以基于预设的曲率确定算法以确定曲线终点的曲率,并基于该曲线终点的曲率确定有向曲线的箭头方向。值得说明的是,该曲率确定算法可以是基于三次贝塞尔曲线的函数而精确确定的终点斜率值;由于最终生成的图像中可能包括大数量的有向曲线,而一一精确地计算箭头方向十分耗费计算资源,因此,也可以出于计算性能的考量简化该三次贝塞尔曲线的函数,通过简化后的近似算法更快地确定各个有向曲线的箭头方向。
在一种可能的实施方式中,数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系,该有向曲线为用于连接起始数据项和目标数据项的曲线,亦即,当展示的数据表中包括多个数据项时,该有向曲线的前连接点为起始数据项,后连接点为目标数据项。如图6所示的是一种可能的数据表展示图,其中,数据表展示图的层级关系分明,分组情况明确,各数据项之间的引用关系清晰。
在一种可能的实施方式中,可以根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置;将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。
该预设的宽度确定规则和高度确定规则可以是指用户针对所有数据表或数据集预设置的宽度和高度,或针对部分数据表和数据集预设值的宽度和高度,也可以是指基于数据表或数据集中的名称、数据量等信息和预设的对应关系确定该数据表或数据集的宽度或高度。
React-konva组件库相比其他的制图软件相比,其组件内容丰富,且具有可使用的分层画布,可以以声明的形式完成上万级的数据的排列。但是作为组件库没有布局的能力,只能通过人工计算出需要的布局形式后,对对组件的形状、面积和位置进行手动布局。而dagre算法可以为react-konva组件库提供算法支持,可以利用dagre算法进行布局信息的计算,并将计算出的布局信息作为react-konva的调用声明中的参数,从而可以实现上万级数据表的分层布局。
在一种可能的实施方式中,响应于用户选中指定数据表的选中操作,突出展示与所述指定数据表直接对应和间接对应的关联数据表。例如,当用户选中了一个数据表,则可以确定出直接或间接引用该数据表,或被该数据表直接或间接引用的多个数据表,并对这些数据表进行突出展示。该突出展示可以是对关联数据表的强化展示,例如,对关联数据表以及其间的有向曲线高亮、加粗、上浮显示等;该突出展示还可以是对非关联数据表的弱化展示,例如,对不属于关联数据表的数据表以及其间的有向曲线灰化、透明化、下沉显示等。
其中,该关联数据表与指定数据表之间的引用层数可以为自定义值,例如,用户可以设置该引用层数为3,数据表A引用数据表B,数据表B引用数据表C,数据表C引用数据表D,数据表D引用数据表E,若该数据表A为指定数据表,则数据表B、C、D的引用层数分别为1、2、3,数据表B、C、D均属于关联数据表,但数据表E的引用层数为4,则数据表E不属于关联数据表。该引用层数还可以无限制,则所有引用或间接引用与指定数据表,或被引用数据表引用或间接引用的数据表均为关联数据表。
在一种可能的实施方式中,考虑到对大量的数据表进行精确布局计算十分耗费计算资源且消耗时间,在生成数据表排列图时,可以基于预设的近似算法计算得到。该近似算法可以是对dagre布局算法的简化算法。
在用户选中指定数据表的选中操作后,可以基于diff算法,计算所述指定数据表和所述关联数据表的精确位置与该数据表在所述近似算法下的位置差值;基于所述位置差值更新所述数据排列图,并突出展示与所述指定数据表直接对应和间接对应的关联数据表。
这样,可以对数据表排列图进行最小化的更新,精确地计算需要突出展示的内容,提升突出展示关联数据表的速度,且减少计算资源的消耗。
在一种可能的实施方式中,响应于用户的放大操作,放大所述数据表排列图;在放大倍数到达预设放大倍数的情况下,展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
也就是说,可以分别计算出数据表收敛时的排列图和数据表展开时的排列图,并展示数据表收敛时的排列图;当用户放大数据表收敛时的排列图达到预设的放大倍数时,可以展开数据表,展示其中的数据项。同理,当用户缩小数据表展开时的排布图达到预设的放大倍数时,可以收敛数据表,取消对其中数据项的展示。
在一种可能的实施方式中,响应于用户针对展示模式的切换操作,展示或取消展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
也就是说,可以设置数据表展示模式和数据项展示模式,当用户选择数据表展示模式时,可以展示数据表收敛时的排列图,当用户选择数据项展示模式时,可以展示数据表展开时的排列图。
在一种可能的实施方式中,响应于用户针对数据表上预设插件的点击操作,展示或取消展示该数据表中的数据项;其中,当展示具有关联关系的多个数据表时,同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
也就是说,可以为每个数据表设置一用于接收用户点击操作的插件,当接收到用户的点击操作时,可以切换该数据表的展示形态,将展开的数据表收敛,或将收敛的数据表展开,且有多于一个数据表被展开且展开的数据表中的数据项具有关联关系时,还可以同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
值得说明的是,上述展开和收敛数据表后的数据表排列位置也可以通过diff算法进行计算,确定排列图中的最小变化位置,以减少计算资源的消耗并提升展示速度。
每一次计算的计算结果可以存储,在用户对同一数据表进行多次展开或收敛操作时,可以调用存储的计算结果进行展示。
除此以外,还可以响应于用于对数据表或数据项的搜索请求,确定用户搜索请求所对应的数据表或数据项,并突出展示该数据表或数据项;还可以响应于用户对横向位置或竖向位置的隐藏请求,隐藏对应的横向位置或竖向位置上的数据表及数据项;还可以响应于用户对指定位置的***请求,在该指定位置***对应的数据表、数据项或者文字备注、图形、组件、线段等。
通过上述技术方案,至少可以实现以下的技术效果:
根据数据表之间的关系以及用户选择的分组对多个数据表进行排列布局,且与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置,使得布局后的图形不仅可以同时提现数据表间的引用层次、关联关系以及分组关系,使数据表的展示图更加直观,便于用户理解和提取信息。
图7是根据一示例性公开实施例示出的一种数据展示装置的框图。如图7所示,所述数据展示装置700包括:
数据获取模块710,用于获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;
分组确定模块720,用于响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;
组内定位模块730,用于针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;
组间定位模块740,用于根据所述关系信息,确定各数据表集的位置;
图像生成模块750,用于基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
在一种可能的实施方式中,所述数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系;所述图像生成模块,用于基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据项与所述目标数据项的有向曲线。
在一种可能的实施方式中,所述装置还包括数量确定模块,用于针对每个数据表,基于所述数据表中数据项的数量,确定所述数据表的高度;所述组内定位模块,用于针对每个数据表集,根据所述数据表的高度以及所述关系信息确定所述数据表集中各数据表的相对位置信息。
在一种可能的实施方式中,所述装置,用于根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置的装置,将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。
在一种可能的实施方式中,所述图像生成模块,用于基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。
在一种可能的实施方式中,所述装置还包括突出显示模块,用于响应于用户选中指定数据表的选中操作,突出展示与所述指定数据表直接对应和间接对应的关联数据表。
在一种可能的实施方式中,所述数据表排列图是基于预设的近似算法计算得到的,所述突出显示模块,用于基于预设的精确算法,计算所述指定数据表和所述关联数据表的精确位置;基于diff算法,计算所述指定数据表和所述关联数据表的精确位置与该数据表在所述近似算法下的位置差值;基于所述位置差值更新所述数据排列图,并突出展示与所述指定数据表直接对应和间接对应的关联数据表。
在一种可能的实施方式中,所述装置还包括放大显示模块,用于响应于用户的放大操作,放大所述数据表排列图;在放大倍数到达预设放大倍数的情况下,展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
在一种可能的实施方式中,所述装置还包括切换显示模块,用于响应于用户针对展示模式的切换操作,展示或取消展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
在一种可能的实施方式中,所述装置还包括收敛展示模块,用于响应于用户针对数据表上预设插件的点击操作,展示或取消展示该数据表中的数据项;其中,当展示具有关联关系的多个数据表时,同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
上述装置中的各个模块具体实施的方案已经在上文进行详细阐述,在此不做赘述。
通过上述技术方案,至少可以实现以下的技术效果:
根据数据表之间的关系以及用户选择的分组对多个数据表进行排列布局,且与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置,使得布局后的图形不仅可以同时提现数据表间的引用层次、关联关系以及分组关系,使数据表的展示图更加直观,便于用户理解和提取信息。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
下面参考图8,其示出了适于用来实现本公开实施例的电子设备(例如用于展示数据的终端设备,或者用于获取数据的数据库服务器)800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图8所示,电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801,其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中,还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
通常,以下装置可以连接至I/O接口805:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807;包括例如磁带、硬盘等的存储装置808;以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置808被安装,或者从ROM 802被安装。在该计算机程序被处理装置801执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,终端设备、数据库服务器可以利用诸如HTTP(HyperTextTransfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,数据获取模块还可以被描述为“获取至少两个网际协议地址的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上***(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,示例1提供了一种数据展示方法,所述方法包括:获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;根据所述关系信息,确定各数据表集的位置;基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
根据本公开的一个或多个实施例,示例2提供了示例1的方法,所述数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系;所述基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线,包括:基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例3提供了示例2的方法,所述方法还包括:针对每个数据表,基于所述数据表中数据项的数量,确定所述数据表的高度;所述针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,包括:针对每个数据表集,根据所述数据表的高度以及所述关系信息确定所述数据表集中各数据表的相对位置信息。
根据本公开的一个或多个实施例,示例4提供了示例1-3的方法,根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并,基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置;将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。
根据本公开的一个或多个实施例,示例5提供了示例1-3的方法,所述有向曲线是通过以下步骤生成的:基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。
根据本公开的一个或多个实施例,示例6提供了示例1-3的方法,所述方法还包括:响应于用户选中指定数据表的选中操作,突出展示与所述指定数据表直接对应和间接对应的关联数据表。
根据本公开的一个或多个实施例,示例7提供了示例6的方法,所述数据表排列图是基于预设的近似算法计算得到的;所述突出展示与所述指定数据表直接对应和间接对应的关联数据表,包括:基于预设的精确算法,计算所述指定数据表和所述关联数据表的精确位置;基于diff算法,计算所述指定数据表和所述关联数据表的精确位置与该数据表在所述近似算法下的位置差值;基于所述位置差值更新所述数据排列图,并突出展示与所述指定数据表直接对应和间接对应的关联数据表。
根据本公开的一个或多个实施例,示例8提供了示例2或3的方法,所述方法还包括:响应于用户的放大操作,放大所述数据表排列图;在放大倍数到达预设放大倍数的情况下,展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例9提供了示例2或3的方法,所述方法还包括:响应于用户针对展示模式的切换操作,展示或取消展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例10提供了示例2或3的方法,所述方法还包括:响应于用户针对数据表上预设插件的点击操作,展示或取消展示该数据表中的数据项;其中,当展示具有关联关系的多个数据表时,同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例11提供了一种数据展示装置,所述装置包括:数据获取模块,用于获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;分组确定模块,用于响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;组内定位模块,用于针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;组间定位模块,用于根据所述关系信息,确定各数据表集的位置;图像生成模块,用于基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
根据本公开的一个或多个实施例,示例12提供了示例11的装置,所述数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系;所述图像生成模块,用于基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例13提供了示例12的装置,所述装置还包括数量确定模块,用于针对每个数据表,基于所述数据表中数据项的数量,确定所述数据表的高度;所述组内定位模块,用于针对每个数据表集,根据所述数据表的高度以及所述关系信息确定所述数据表集中各数据表的相对位置信息。
根据本公开的一个或多个实施例,示例14提供了示例11-13的装置,所述装置,用于根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置的装置,将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。
根据本公开的一个或多个实施例,示例15提供了示例11-13的装置,所述图像生成模块,用于基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。
根据本公开的一个或多个实施例,示例16提供了示例11-13的装置,所述装置还包括突出显示模块,用于响应于用户选中指定数据表的选中操作,突出展示与所述指定数据表直接对应和间接对应的关联数据表。
根据本公开的一个或多个实施例,示例17提供了示例16的装置,所述数据表排列图是基于预设的近似算法计算得到的,所述突出显示模块,用于基于预设的精确算法,计算所述指定数据表和所述关联数据表的精确位置;基于diff算法,计算所述指定数据表和所述关联数据表的精确位置与该数据表在所述近似算法下的位置差值;基于所述位置差值更新所述数据排列图,并突出展示与所述指定数据表直接对应和间接对应的关联数据表。
根据本公开的一个或多个实施例,示例18提供了示例12或13的装置,所述装置还包括放大显示模块,用于响应于用户的放大操作,放大所述数据表排列图;在放大倍数到达预设放大倍数的情况下,展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例19提供了示例12或13的装置,所述装置还包括切换显示模块,用于响应于用户针对展示模式的切换操作,展示或取消展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
根据本公开的一个或多个实施例,示例20提供了示例12或13的装置,所述装置还包括收敛展示模块,用于响应于用户针对数据表上预设插件的点击操作,展示或取消展示该数据表中的数据项;其中,当展示具有关联关系的多个数据表时,同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。

Claims (13)

1.一种数据展示方法,其特征在于,所述方法包括:
获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;
响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;
针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;
根据所述关系信息,确定各数据表集的位置;
基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
2.根据权利要求1所述的方法,其特征在于,所述数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系;
所述基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线,包括:
基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据项与所述目标数据项的有向曲线。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
针对每个数据表,基于所述数据表中数据项的数量,确定所述数据表的高度;
所述针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,包括:
针对每个数据表集,根据所述数据表的高度以及所述关系信息确定所述数据表集中各数据表的相对位置信息。
4.根据权利要求1-3任一项所述的方法,其特征在于,根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并,
基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置;
将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。
5.根据权利要求1-3任一项所述的方法,其特征在于,所述有向曲线是通过以下步骤生成的:
基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;
针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。
6.根据权利要求1-3任一项所述的方法,其特征在于,所述方法还包括:
响应于用户选中指定数据表的选中操作,突出展示与所述指定数据表直接对应和间接对应的关联数据表。
7.根据权利要求6所述的方法,其特征在于,所述数据表排列图是基于预设的近似算法计算得到的;
所述突出展示与所述指定数据表直接对应和间接对应的关联数据表,包括:
基于预设的精确算法,计算所述指定数据表和所述关联数据表的精确位置;
基于diff算法,计算所述指定数据表和所述关联数据表的精确位置与该数据表在所述近似算法下的位置差值;
基于所述位置差值更新所述数据排列图,并突出展示与所述指定数据表直接对应和间接对应的关联数据表。
8.根据权利要求2或3任一项所述的方法,其特征在于,所述方法还包括:
响应于用户的放大操作,放大所述数据表排列图;
在放大倍数到达预设放大倍数的情况下,展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
9.根据权利要求2或3任一项所述的方法,其特征在于,所述方法还包括:
响应于用户针对展示模式的切换操作,展示或取消展示所述数据表中的数据项以及用于连接所述起始数据项与所述目标数据项的有向曲线。
10.根据权利要求2或3任一项所述的方法,其特征在于,所述方法还包括:
响应于用户针对数据表上预设插件的点击操作,展示或取消展示该数据表中的数据项;
其中,当展示具有关联关系的多个数据表时,同步展示用于连接所述起始数据项与所述目标数据项的有向曲线。
11.一种数据展示装置,其特征在于,所述装置包括:
数据获取模块,用于获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;
分组确定模块,用于响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;
组内定位模块,用于针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;
组间定位模块,用于根据所述关系信息,确定各数据表集的位置;
图像生成模块,用于基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现权利要求1-10中任一项所述方法的步骤。
13.一种电子设备,其特征在于,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现权利要求1-10中任一项所述方法的步骤。
CN202010813673.4A 2020-08-13 2020-08-13 数据展示方法和装置、存储介质和电子设备 Pending CN111949662A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202010813673.4A CN111949662A (zh) 2020-08-13 2020-08-13 数据展示方法和装置、存储介质和电子设备
PCT/CN2021/112038 WO2022033511A1 (zh) 2020-08-13 2021-08-11 数据展示方法、装置、存储介质和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010813673.4A CN111949662A (zh) 2020-08-13 2020-08-13 数据展示方法和装置、存储介质和电子设备

Publications (1)

Publication Number Publication Date
CN111949662A true CN111949662A (zh) 2020-11-17

Family

ID=73342078

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010813673.4A Pending CN111949662A (zh) 2020-08-13 2020-08-13 数据展示方法和装置、存储介质和电子设备

Country Status (2)

Country Link
CN (1) CN111949662A (zh)
WO (1) WO2022033511A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113010503A (zh) * 2021-03-01 2021-06-22 广州智筑信息技术有限公司 一种基于深度学习的工程造价数据智能解析方法及***
WO2022033511A1 (zh) * 2020-08-13 2022-02-17 北京字节跳动网络技术有限公司 数据展示方法、装置、存储介质和电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110442641A (zh) * 2019-08-06 2019-11-12 中国工商银行股份有限公司 一种链路拓扑图展示方法、装置、存储介质及设备
CN110471994A (zh) * 2019-07-22 2019-11-19 北京三快在线科技有限公司 复制数据的方法、装置、存储介质及电子设备
CN110990429A (zh) * 2019-11-19 2020-04-10 武汉烽火众智数字技术有限责任公司 数据表的血缘关系分析方法及***

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2260404A4 (en) * 2008-02-26 2016-03-30 Ab Initio Technology Llc GRAPHICAL PRESENTATIONS OF DATA RELATIONSHIPS
CN109582936B (zh) * 2017-09-28 2023-07-07 北京国双科技有限公司 配置报表信息的方法和装置
CN110795509B (zh) * 2019-09-29 2024-02-09 北京淇瑀信息科技有限公司 一种数据仓库的指标血缘关系图的构建方法、装置和电子设备
CN110928879A (zh) * 2019-11-20 2020-03-27 贵州电网有限责任公司电力科学研究院 宽表生成方法及装置
CN110990445B (zh) * 2019-12-05 2024-04-30 北京蜜莱坞网络科技有限公司 一种数据处理方法、装置、设备和介质
CN111428458A (zh) * 2020-03-03 2020-07-17 中国平安人寿保险股份有限公司 通用报表生成方法、装置及计算机可读存储介质
CN111476015B (zh) * 2020-04-10 2024-01-05 北京字节跳动网络技术有限公司 一种文档处理方法、装置、电子设备及存储介质
CN111949662A (zh) * 2020-08-13 2020-11-17 北京字节跳动网络技术有限公司 数据展示方法和装置、存储介质和电子设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110471994A (zh) * 2019-07-22 2019-11-19 北京三快在线科技有限公司 复制数据的方法、装置、存储介质及电子设备
CN110442641A (zh) * 2019-08-06 2019-11-12 中国工商银行股份有限公司 一种链路拓扑图展示方法、装置、存储介质及设备
CN110990429A (zh) * 2019-11-19 2020-04-10 武汉烽火众智数字技术有限责任公司 数据表的血缘关系分析方法及***

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022033511A1 (zh) * 2020-08-13 2022-02-17 北京字节跳动网络技术有限公司 数据展示方法、装置、存储介质和电子设备
CN113010503A (zh) * 2021-03-01 2021-06-22 广州智筑信息技术有限公司 一种基于深度学习的工程造价数据智能解析方法及***

Also Published As

Publication number Publication date
WO2022033511A1 (zh) 2022-02-17

Similar Documents

Publication Publication Date Title
CN102368259A (zh) 电子地图数据存储和查询方法、装置及***
CN111949662A (zh) 数据展示方法和装置、存储介质和电子设备
CN111339452A (zh) 搜索结果展现的方法、终端、服务器和***
CN113205601A (zh) 漫游路径生成方法、装置、存储介质及电子设备
CN110134905B (zh) 一种页面更新显示方法、装置、设备及存储介质
CN113506356B (zh) 面积图的绘制方法、装置、可读介质和电子设备
CN113340316B (zh) 路线显示方法、装置、电子设备及存储介质
CN113204557B (zh) 电子表格导入方法、装置、设备及介质
CN115454306A (zh) 展示效果处理方法、装置、电子设备及存储介质
CN114185463A (zh) 表格处理方法、装置、电子设备和存储介质
CN114428925A (zh) 页面渲染方法、装置、电子设备和计算机可读介质
CN113157165A (zh) 信息的显示方法、装置、电子设备及程序产品
CN111753238A (zh) 数据映射方法、装置和电子设备
CN110633121A (zh) 一种界面渲染方法、装置、终端设备及介质
CN111414106A (zh) 一种标题显示方法、装置、电子设备及计算机可读介质
CN111309675B (zh) 关联信息显示方法、装置、电子设备及存储介质
CN112115153B (zh) 数据处理方法、装置、设备及存储介质
CN116894933B (zh) 一种三维模型比较方法、装置、设备和存储介质
CN114840620B (zh) 举证材料管理方法、智能终端以及存储介质
KR101102083B1 (ko) 위치정보 데이터의 다이어그램 시스템 및 방법
CN111294321B (zh) 信息处理方法和装置
CN115079891A (zh) 文档内容展示方法、装置和电子设备
CN113467665A (zh) 多级菜单显示方法、装置、存储介质及电子设备
CN116340364A (zh) 一种数据的处理方法、装置、设备及存储介质
CN114997106A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20201117