数据展示方法和装置、存储介质和电子设备制造方法及图纸

技术编号:26376166 阅读:30 留言:0更新日期:2020-11-19 23:44
本公开涉及一种数据展示方法和装置、存储介质和电子设备,所述方法包括:获取多个数据表信息和数据表之间的关系信息;响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集;针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;根据所述关系信息,确定各数据表集的位置;基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。本公开根据数据表之间的关系以及用户选择的分组对多个数据表进行排列布局,使数据表的展示图更加直观。

【技术实现步骤摘要】
数据展示方法和装置、存储介质和电子设备
本公开涉及图表领域,具体地,涉及一种数据展示方法和装置、存储介质和电子设备。
技术介绍
在数据治理中,数据的可视化展示为人们提供了很多便利。数据的有序排列以及数据之间的关系可以以有线无环图的形式展现,直观且简洁。但是,由于大数据具有数量大、关系复杂的特性,一组需要展示的大数据通常具有上万级的节点,以及复杂的节点关系,大部分的软件无法支撑万级以上的节点展示,而少部分可以展示万级以上的节点的软件通常不具有复杂的制图组件,这使得图表的位置计算十分困难,图表之间的关系也很难体现出来。
技术实现思路
提供该
技术实现思路
部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。第一方面,本公开提供一种数据展示方法,所述方法包括:获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括本文档来自技高网...

【技术保护点】
1.一种数据展示方法,其特征在于,所述方法包括:/n获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;/n响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;/n针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;/n根据所述关系信息,确定各数据表集的位置;/n基于所述数据表集的位置和所述各数...

【技术特征摘要】
1.一种数据展示方法,其特征在于,所述方法包括:
获取多个数据表信息和数据表之间的关系信息,每个所述数据表信息包括数据表的数据表标识以及该数据表在各分组形式下的组别,所述关系信息包括至少一组起始数据表和目标数据表的数据表标识的对应关系;
响应于用户选择的分组形式,基于多个所述数据表信息确定至少一个数据表集,其中,一个数据表集中的数据表在该分组形式下的组别相同;
针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,其中,与同一起始数据表对应的多个目标数据表位于同一横向位置或同一竖向位置;
根据所述关系信息,确定各数据表集的位置;
基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线。


2.根据权利要求1所述的方法,其特征在于,所述数据表信息还包括数据表的至少一个数据项,以及各数据项的数据项标识,所述关系信息还包括至少一组起始数据项和目标数据项的数据项标识的对应关系;
所述基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据表与所述目标数据表的有向曲线,包括:
基于所述数据表集的位置和所述各数据表的相对位置信息生成数据表排列图,并生成用于连接所述起始数据项与所述目标数据项的有向曲线。


3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
针对每个数据表,基于所述数据表中数据项的数量,确定所述数据表的高度;
所述针对每个数据表集,根据所述关系信息确定所述数据表集中各数据表的相对位置信息,包括:
针对每个数据表集,根据所述数据表的高度以及所述关系信息确定所述数据表集中各数据表的相对位置信息。


4.根据权利要求1-3任一项所述的方法,其特征在于,根据预设的宽度确定规则和高度确定规则,确定数据表的宽度和高度或数据集的宽度和高度,并,
基于dagre算法,根据所述数据表的宽度和高度生成所述数据表的坐标位置,或根据所述数据集的宽度和高度生成所述数据集的坐标位置;
将数据表的宽度和高度以及坐标位置,或数据集的宽度和高度以及坐标位置确定为react-konva组件库的调用声明中的参数,并基于所述调用声明调用所述组件库中的组件,生成数据表排列图。


5.根据权利要求1-3任一项所述的方法,其特征在于,所述有向曲线是通过以下步骤生成的:
基于所述关系信息确定每一条所述有向曲线的前连接点和后连接点;
针对每一条有向曲线,基于所述前连接点和后连接点的距离确定至少一个中间连接点,基于预设斜率算法确定各连接点处的曲线斜率,并根据该曲线斜率生成多条用于连接相邻连接点的曲线,并将所有曲线首尾相连,所述有向曲线从前连接点指向后连接点。


6.根据权利要求1-3任一项所述的方法,其特征在于,所述方法还...

【专利技术属性】
技术研发人员:张倩
申请(专利权)人:北京字节跳动网络技术有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1