[发明专利]一种节点信息显示方法及装置

说明书

技术领域

本发明属于计算机技术领域，尤其涉及一种节点信息显示方法及装置。

背景技术

在计算机领域存在诸多的网络关系、资源关联关系、组织结构关系等错综复杂的关联关系，在这种情况下，可视化的拓扑图也正被越来越多企业或个人应用；采用拓扑图可以为用户在页面中，以节点、连线这种具体的元素，形象、直观地展示出各种复杂关联关系。

拓扑图技术多种多样，其中的JTopo是一项基于HTML5的开源的拓扑图形化界面开发工具包，因其简单、灵活、可扩展等优点，近年来正被越来越多的人所采用；但是所有拓扑图无非就是节点与连线的展示，在节点数量较多时，对于节点与连线的布局方式，就成了拓扑图制作优与劣的重要决定因素。常规拓扑图节点图标多为稍大些图片，从图片就可以看到该节点的类型，且布局多为上下布局，节点名称在节点下方。

但是当节点数量较多或节点名称较长时，上述布局方式就会出现屏幕中同一时间展示节点数量非常少，导致无法很好的总揽全局或出现节点重叠(例如：节点图标重叠、节点名称重叠)的技术问题。

因此，迫切需要提供一种节点信息显示方案来解决上述技术问题。

发明内容

本发明提供一种节点信息显示方法及装置，以解决上述问题。

本发明实施例提供一种节点信息显示方法，包括以下步骤：获取拓扑图节点原数据并解析为拓扑图节点；

根据所述拓扑图节点的显示特征信息，将所述拓扑图节点显示在页面中。

本发明实施例还提供一种节点信息显示装置，包括处理器，适于实现各指令；存储设备，适于存储多条指令，所述指令适于由所述处理器加载并执行；

获取拓扑图节点原数据并解析为拓扑图节点；

根据所述拓扑图节点的显示特征信息，将所述拓扑图节点显示在页面中。

本发明实施例提供的技术方案：获取拓扑图节点原数据并解析为拓扑图节点；根据所述拓扑图节点的显示特征信息，将所述拓扑图节点显示在页面中。

上述技术方案中，通过按照显示特征信息，对拓扑图节点进行显示，使得在拓扑图大数据量展示时，避免了拓扑图节点重叠，同时用户可以更方便的总揽全局，从而提高用户的友好性，大大提升用户使用感受。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1所示为本发明实施例1的节点信息显示方法流程图；

图2所示为本发明实施例2的节点信息显示装置结构图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明基于JTopo拓扑图插件，根据所述拓扑图节点的显示特征信息，将所述拓扑图节点显示在页面中，其中，所述显示特征信息包括以下至少之一：树形布局的左右结构、拓扑图节点间距、拓扑图节点图标尺寸、拓扑图节点名称显示位置。

使用上述布局方案，可以改善拓扑图节点数据量巨大，拓扑图节点太多时导致拓扑图节点无法全局显示，以及拓扑图节点名称重叠等展示性问题，提高用户友好性，优化用户的使用感受。

具体实施原理如下：

1)初始化JTopo组件，在页面中加载拓扑图元素，其中，所述拓扑图元素包括以下至少之一：Canvas、舞台Stage、场景Scene；

其中，Scene：JTopo中的场景对象，用以存放所有拓扑图节点。

2)将已知的拓扑图节点原数据，按照一定顺序读取并解析为拓扑图节点，并将所述拓扑图节点添加至拓扑图的场景Scene中，按照关联关系添加连线；

3)利用JTopo的布局方法将Scene所有拓扑图节点按照树形布局的左右结构来布局并减小拓扑图节点间距；其中，所述拓扑图节点间距小于第一预设值；

其中，所述第一预设值可以根据需要进行灵活设定，在此不用于限定本实施例的保护范围。

4)将所有拓扑图节点的高和宽都设定为10像素，以达到缩小节点图标尺寸的效果；

5)将拓扑图节点名称定位到拓扑图节点的右侧，避免拓扑图节点名称过长时产生的重叠的问题。

上述技术方案将常规的拓扑图布局方式进行改进，将常用的拓扑图节点的大图标改为尺寸与字体高度相近的小图标，将常见的拓扑图节点自动排列位置或者上下的树形布局改进为左右树形布局，并且将拓扑图节点名称由拓扑图节点下方挪到拓扑图节点右侧，以此来尽量避免拓扑图节点名称重叠的问题。