本发明涉及计算机技术领域,具体提供一种结合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,并且从中去掉前面出现过的节点。
获取各层级的节点信息,对节点进行计算&#