一种图形分页加载方法和装置制造方法及图纸

本发明专利技术公开了图形分页加载方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括获取当前页面的图形加载数据，基于时间对所述图形加载数据进行排序，以依次循环遍历；根据当前遍历的图形加载数据，确定当前点位置信息和相应的连线，并更新到Map结构中，进而定位当前点的每个父节点位置；待依次循环遍历结束后，将图形加载数据对应的所有父节点位置添加到父元素中，以基于所述父元素加载图形数据。从而，本发明专利技术的实施方式能够解决现有图形数据加载效率低，用户体验差的问题。

【技术实现步骤摘要】
一种图形分页加载方法和装置
本专利技术涉及计算机
，尤其涉及一种图形分页加载方法和装置。
技术介绍
gitlab-network-graph代码仓库进行展示Gitgraph图形(Gitgraph图用于记录代码仓库的提交记录图)时，采用一次性获取仓库的所有的commit信息(commit信息表示为点，每个点为一次提交记录)，然后利用svg(可缩放矢量图形是基于可扩展标记语言)绘制图形。在实现本专利技术过程中，专利技术人发现现有技术中至少存在如下问题：目前，Gitgraph相关的第三方库在进行页面展示的时候需要一次性获取所有commit信息。当commit数据量大时，不仅网络传输耗时大，前端页面展示也要消耗大量的时间。因此，不仅仅会造成图形分页加载时间过长，还有可能出现页面卡顿，甚至页面崩溃的现象，以至于用户体验非常不友好。
技术实现思路
有鉴于此，本专利技术实施例提供一种图形分页加载方法和装置，能够解决现有图形数据加载效率低，用户体验差的问题。为实现上述目的，根据本专利技术实施例的一个方面，提供了本文档来自技高网...

【技术保护点】
1.一种图形分页加载方法，其特征在于，包括：/n获取当前页面的图形加载数据，基于时间对所述图形加载数据进行排序，以依次循环遍历；/n根据当前遍历的图形加载数据，确定当前点位置信息和相应的连线，并更新到Map结构中，进而定位当前点的每个父节点位置；/n待依次循环遍历结束后，将图形加载数据对应的所有父节点位置添加到父元素中，以基于所述父元素加载图形数据。/n

【技术特征摘要】
1.一种图形分页加载方法，其特征在于，包括：
获取当前页面的图形加载数据，基于时间对所述图形加载数据进行排序，以依次循环遍历；
根据当前遍历的图形加载数据，确定当前点位置信息和相应的连线，并更新到Map结构中，进而定位当前点的每个父节点位置；
待依次循环遍历结束后，将图形加载数据对应的所有父节点位置添加到父元素中，以基于所述父元素加载图形数据。


2.根据权利要求1所述的方法，其特征在于，确定当前点位置信息和相应的连线，包括：
根据当前遍历的图形加载数据，判断当前点位置信息是否已经存在于Map结构中；若是则遍历所述当前点位置信息对应的子节点，绘制每个子节点到当前点位置信息的连线，以绘制当前点的图形；若否则判断当前点位置信息是否存在父节点，如果是则根据父节点绘制当前点的图形；如果否则根据当前点位置信息生成新分支，以绘制当前点的图形。


3.根据权利要求2所述的方法，其特征在于，遍历所述当前点位置信息对应的子节点，绘制每个子节点到当前点位置信息的连线，以绘制当前点的图形，包括：
遍历所述当前点位置信息对应的子节点，绘制每个子节点到当前点位置信息的连线，得到对应的多条支线；
将多条支线汇聚到其中的一条预设的保留支线上，删除多余的支线。


4.根据权利要求3所述的方法，其特征在于，将多条支线汇聚到其中的一条预设的保留支线上，包括：
在所有的支线中选取横坐标最小的支线作为汇聚的预设保留支线；
判断当前点位置信息的横坐标是否等于保留支线的横坐标，若是则绘制子节点与当前点的连线，并将子节点所在的支线删除；若否则绘制子节点到当前点横坐标所在支线的连线，再绘制子节点到预设保留支线的连线。

<...

【专利技术属性】
技术研发人员：张萍萍，
申请(专利权)人：北京沃东天骏信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11