echarts實現(xiàn)組織架構(gòu)圖

最近在項目終于到了這樣一個需求，需要實現(xiàn)一個網(wǎng)站的拓?fù)鋱D，如下：

但是在網(wǎng)上找了許久相關(guān)的庫也沒找到滿意的，不過找的過程中發(fā)現(xiàn)了這個

網(wǎng)絡(luò)拓?fù)鋱D

有了靈感，于是對其進(jìn)行改造，哈哈哈，代碼鏈接如下：[echarts實現(xiàn)組織結(jié)構(gòu)圖]，代碼有很多不足的地方，僅供在開發(fā)中遇到同樣問題的你一個解決的思路。

其他思路

1. echarts的關(guān)系圖，一個節(jié)點可以有多個父節(jié)點和子節(jié)點，也可以實現(xiàn)以上需求，如果節(jié)點之間的的連線你有沒有其他要求（例如折線），可以采用。

3. AntV? g6 [便捷的關(guān)系數(shù)據(jù)可視化引擎與圖分析工具],不過也需要自行修改樣式之類的

4. highcharts的[組織結(jié)構(gòu)圖]，這個特別好，開箱即用，但是不能商用，可以作為個人學(xué)習(xí)使用。

組織結(jié)構(gòu)圖