echarts做企业关系图谱_一种结合ECharts创建关系图谱的方法与流程

本文提出了一种结合ECharts创建关联图谱的优化方法,旨在解决ECharts现有布局无法清晰展现数据层次关系的问题。该方法通过查询条件获取节点,计算节点坐标并考虑层次分布,优化连线方式,确保节点间关系清晰,提高展示灵活性。
摘要由CSDN通过智能技术生成

本发明涉及计算机技术领域,具体提供一种结合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,并且从中去掉前面出现过的节点。

获取各层级的节点信息,对节点进行计算&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值