echarts实现组织架构图

最近在项目终于到了这样一个需求，需要实现一个网站的拓扑图，如下：

但是在网上找了许久相关的库也没找到满意的，不过找的过程中发现了这个

网络拓扑图

有了灵感，于是对其进行改造，哈哈哈，代码链接如下：[echarts实现组织结构图]，代码有很多不足的地方，仅供在开发中遇到同样问题的你一个解决的思路。

其他思路

1. echarts的关系图，一个节点可以有多个父节点和子节点，也可以实现以上需求，如果节点之间的的连线你有没有其他要求（例如折线），可以采用。

3. AntV  g6 [便捷的关系数据可视化引擎与图分析工具],不过也需要自行修改样式之类的

4. highcharts的[组织结构图]，这个特别好，开箱即用，但是不能商用，可以作为个人学习使用。

组织结构图