echarts實現組織架構圖

最近在專案終於到了這樣一個需求，需要實現一個網站的拓撲圖，如下：

但是在網上找了許久相關的庫也沒找到滿意的，不過找的過程中發現了這個
連結網路拓撲圖，有了靈感，於是對其進行改造，哈哈哈，程式碼連結如下：echarts實現組織結構圖，程式碼有很多不足的地方，僅供在開發中遇到同樣問題的你一個解決的思路。

其他思路

1. echarts的關係圖，一個節點可以有多個父節點和子節點，也可以實現以上需求，如果節點之間的的連線你有沒有其他要求（例如折線），可以採用。
   

2. AntV g6 [便捷的關係資料視覺化引擎與圖分析工具],不過也需要自行修改樣式之類的(https://g6.antv.vision/zh/examples/tree/compactBox)
   

3. highcharts的組織結構圖
   這個特別好，開箱即用，但是不能商用，可以作為個人學習使用。