echarts实现组织结构图

echarts实现组织架构图

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

但是在网上找了许久相关的库也没找到满意的，不过找的过程中发现了这个
链接网络拓扑图，有了灵感，于是对其进行改造，哈哈哈，代码链接如下：echarts实现组织结构图，代码有很多不足的地方，仅供在开发中遇到同样问题的你一个解决的思路。

其他思路

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

2. AntV g6 [便捷的关系数据可视化引擎与图分析工具],不过也需要自行修改样式之类的(https://g6.antv.vision/zh/examples/tree/compactBox)
   

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