The present disclosure relates to a drawing method and device for relation diagrams. The method is applied to a server, including: determining the central node from the nodes included in the node information data; selecting any node at the N level; where N is an integer greater than or equal to 0, and when N is equal to 0, the node at the 0 level is the central node; according to the node information data, the selected node will be selected with the selected node. The nodes with direct relation to the selected nodes are determined to be nodes in the N+1 level; the nodes in the N+1 level are distributed on the circumference with the selected nodes as the center of the circle. As the server has strong computing power relative to the client, it can increase the speed of image rendering by the client on the one hand, and on the other hand it can increase the speed of image rendering by the client. It can enhance the rendering efficiency of relational graph when data volume is large, and improve user experience.
【技术实现步骤摘要】
关系图绘制方法及装置
本公开涉及通信
,尤其涉及一种关系图绘制方法及装置。
技术介绍
在一个复杂的系统或组织中,存在多个处于不同层级的节点,该多个处于不同层级的节点之间可以存在各种类型的关系。关系图可以指能够将节点以及节点之间的关系简洁清晰呈现的图形化表达形式。相关技术中,浏览器通过Canvas(画布)实现绘制关系图。其中,Canvas可以指能够通过脚本(例如JavaScript)绘制图形的HTML(HyperTextMarkupLanguage,超级文本标记语言)元素。Canvas能够实现逐个像素进行渲染。JavaScript可以指直译式脚本语言,其已经被广泛用于Web(WorldWideWeb,全球广域网)应用程序的开发,用于为网页添加各式各样的动态功能,从而为用户提供更流畅美观的浏览效果。表1示出相关技术中的节点关系表。相关技术中,浏览器将表1所示的节点以及节点之间的关系转化为关系图的过程如下:确定中心节点,例如节点0。在确定中心节点之后,浏览器根据中心节点计算其他各个节点距离中心节点的层级。假设节点0为第0层,则节点1,节点2和节点3为第1层,节点11和节点12为第2层,节点21,节点22和节点23为第3层,以此类推计算出所有节点距离中心节点的层级。浏览器根据节点的层级关系对节点进行连接,并对节点进行随机分布,完成关系图的绘制。目前,在节点的数据量和数据复杂度较小时,绘制关系图的计算过程简单,浏览器可以快速的计算并绘制关系图。但是,随着节点的数据量和数据复杂度的增加,受到JavaScript计算能力的限制,绘制关系图的计算过程变得缓慢,导致浏 ...
【技术保护点】
1.一种关系图绘制方法,其特征在于,该方法应用于服务器,包括:从节点信息数据包括的各个节点中确定中心节点;选取处于第N层级的任一节点;其中,N为大于或等于0整数,在N等于0时,处于第0层级的节点为所述中心节点;根据所述节点信息数据,将与所述选取的节点存在直接关系的节点确定为处于第N+1层级的节点;将所述第N+1层级的节点分布在以所述选取的节点为圆心的圆周上。
【技术特征摘要】
1.一种关系图绘制方法,其特征在于,该方法应用于服务器,包括:从节点信息数据包括的各个节点中确定中心节点;选取处于第N层级的任一节点;其中,N为大于或等于0整数,在N等于0时,处于第0层级的节点为所述中心节点;根据所述节点信息数据,将与所述选取的节点存在直接关系的节点确定为处于第N+1层级的节点;将所述第N+1层级的节点分布在以所述选取的节点为圆心的圆周上。2.根据权利要求1所述的方法,其特征在于,将与所述选取的节点存在直接关系的节点确定为处于第N+1层级的节点,包括:从未确定层级的各个节点中,确定与所述选取的节点存在直接关系的节点作为处于第N+1层级的节点。3.根据权利要求2所述的方法,其特征在于,任一所述第N+1层级的节点与所述中心节点之间的距离大于所述选取的节点与所述中心节点之间的距离。4.根据权利要求1所述的方法,其特征在于,处于第N层级的节点分布的圆周对应的半径与处于第N+1层级的节点分布的圆周对应的半径不相等或相等。5.根据权利要求1至4任一所述的方法,其特征在于,所述方法还包括:确定所述节点信息数据包括的各个节点在笛卡尔坐标系中的坐标,各个所述节点在笛卡尔坐标系中的坐标不相同;将所述节点信息数据包括的各个节点在笛卡尔坐标系中的坐标和节点之间的直接关系发送给客户端,以使客户端在笛卡尔坐标系中的坐标展示所述节点信息数据包括的各个节点,并将存在直接关系的两个节点进行连接。6.一种关系图绘制装置,其...
【专利技术属性】
技术研发人员:吴鑫龙,
申请(专利权)人:新华三大数据技术有限公司,
类型:发明
国别省市:河南,41
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。