[发明专利]一种结合ECharts创建关系图谱的方法

说明书

本发明公开了一种结合ECharts创建关系图谱的方法，属于计算机技术领域。本发明的结合ECharts创建关系图谱的方法，包括以下步骤：S1、根据查询条件，查出第一个节点和所有要显示的数据；S2、从第一个节点开始，查出所有与第一个节点有关联的数据；S3、对所有要显示的数据进行循环，分别查找有关联的节点；S4、获取各层级的节点信息，对节点进行计算，获取节点坐标；S5、从所有要显示的数据中获取节点的所有关联关系；S6、根据节点的关联关系进行连线，创建关联图谱。该发明的结合ECharts创建关系图谱的方法能够将纷繁复杂的数据清晰的展示出来，同时对节点进行自由拖拽，具有很好的推广应用价值。

技术领域

本发明涉及计算机技术领域，具体提供一种结合ECharts创建关系图谱的方法。

背景技术

ECharts即Enterprise Charts的缩写，为商业级数据图表，是一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器(IE8/9/10/11，Chrome，Firefox，Safari等)，底层依赖轻量级的适量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。ECharts的graph图可用来构建图谱，默认有环状布局、力引导布局两种布局方式，但是这两种布局方式无法直观的展现出数据间的层次关系，需要进一步改进。

发明内容

本发明的技术任务是针对上述存在的问题，提供一种能够将纷繁复杂的数据清晰的展示出来，同时对节点进行自由拖拽，增加展示效果灵活性的结合ECharts创建关系图谱的方法。

为实现上述目的，本发明提供了如下技术方案：

一种结合ECharts创建关系图谱的方法，该方法具体包括以下步骤：

S1、根据查询条件，查出第一个节点和所有要显示的数据；

S2、从第一个节点开始，查出所有与第一个节点有关联的数据；

S3、对所有要显示的数据进行循环，分别查找有关联的节点；

S4、获取各层级的节点信息，对节点进行计算，获取节点坐标；

S5、从所有要显示的数据中获取节点的所有关联关系；

S6、根据节点的关联关系进行连线，创建关联图谱。

根据查询条件，查出第一个节点L1和所有要显示的数据ListData。

从第一个节点L1开始，查出所有和L1有关联的数据，分别记为L1.1、L1.2、L1.3……L1.n。

对L1.1、L1.2、L1.3……L1.n进行循环，分别查找有关联的节点，比如第m个，则找出L1.m.1……L1.m.n，并且从中去掉前面出现过的节点。

获取各层级的节点信息，对节点进行计算，获取节点坐标(x，y)。

获取节点坐标分为从左到右分布和从上到下分布。

从左到右分布的过程为：

1)获取要展示数据的页面的高和宽，分别记为height和width。

2)通过所有要显示的数据ListData，得出节点的总层级Lc，获取到层与层之间的距离：Lcl＝width/Lc,如果Lcl100,则我们赋值Lcl＝100，从而让我们保证了数据在横向上显示的不会太拥挤，并且当数据层数较少时能均匀分布；然后各个节点的横坐标x＝节点层级*Lcl。