[发明专利]节点拓扑图布局方法及装置、计算机存储介质、电子设备

说明书

本公开涉及拓扑图布局领域，提供了一种节点拓扑图布局方法、节点拓扑图布局装置、计算机存储介质、电子设备，其中，节点拓扑图布局方法包括：根据作用于基准节点上的节点创建操作的触发位置，确定待布局节点与基准节点之间的位置关系；位置关系包括串行关系或并行关系；触发位置与位置关系之间存在预设关联关系；响应于待布局节点与基准节点之间满足串行关系，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，在基准节点的关联位置布局待布局节点或基准节点；其中，关联位置处于基准节点的同一列、下一行。本公开中的方法能够满足用户在全局视角下快速查看每个节点概况的需求。

技术领域

本公开涉及拓扑图布局领域，特别涉及一种节点拓扑图布局方法、节点拓扑图布局装置、计算机存储介质及电子设备。

背景技术

随着CI/CD(CI/CD表示持续集成(Continuous Integration)以及持续交付(Continuous Delivery))概念的快速推广，使得各类系统中流水线可视化成了Web(WorldWide Web，全球广域网)页面中必不可少的需求，如何合理的对节点进行编排绘制，成了开发人员不得不考虑的重点问题。

目前，一般采用固定扩展的方式布局节点，固定扩展就是固定了每个节点的大小、位置和节点编排的方向，用户只能在指定方向上扩展节点。因此，在节点数目较多的情况下，会导致可视化窗口内无法完整的展示图形，不能满足用户直观的在全局视角下快速查看单个节点概况的需求。

鉴于此，本领域亟需开发一种新的节点拓扑图布局方法及装置。

需要说明的是，上述背景技术部分公开的信息仅用于加强对本公开的背景的理解。

发明内容

本公开的目的在于提供一种节点拓扑图布局方法、节点拓扑图布局装置、计算机存储介质及电子设备，进而至少在一定程度上克服相关技术中无法在可视化界面窗口中展示完整节点的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的第一方面，提供一种节点拓扑图布局方法，包括：根据作用于基准节点上的节点创建操作的触发位置，确定待布局节点与基准节点之间的位置关系；所述位置关系包括串行关系或并行关系；所述触发位置与所述位置关系之间存在预设关联关系；响应于所述待布局节点与所述基准节点之间满足串行关系，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，在所述基准节点的关联位置布局所述待布局节点或所述基准节点；其中，所述关联位置处于所述基准节点的同一列、下一行。

在本公开的示例性实施例中，所述待布局节点与所述基准节点之间满足串行关系包括所述待布局节点为所述基准节点的后一节点；所述响应于所述待布局节点与所述基准节点之间满足串行关系，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，在所述基准节点的关联位置布局所述待布局节点或所述基准节点，包括：响应于所述待布局节点为所述基准节点的后一节点，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，在所述基准节点的关联位置布局所述待布局节点。

在本公开的示例性实施例中，所述待布局节点与所述基准节点之间满足串行关系包括所述待布局节点为所述基准节点的前一节点；所述响应于所述待布局节点与所述基准节点之间满足串行关系，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，在所述基准节点的关联位置布局所述待布局节点或所述基准节点，包括：响应于所述待布局节点为所述基准节点的前一节点，且，节点显示宽度大于可视化界面中当前行的剩余显示宽度，将所述基准节点移动至所述基准节点的关联位置；在所述基准节点所在的位置布局所述待布局节点。

在本公开的示例性实施例中，通过以下公式计算所述待布局节点的坐标，并根据所述坐标对其进行布局，待布局节点的坐标指所述待布局节点的角点的坐标：