使用Javascript來實現的超炫組織結構圖(Organization Chart)

最近有個內部項目須要使用組織結構圖(organization chart)， 尋找了一些開源的項目及其類庫，發現居然沒有現成的JS類庫能夠使用，找到一些簡單的JS實現，不過界面及其操做及其簡單，不過功夫不負有心人，通過幾天國內國外的搜索，找到了一個很是好的解決方案，這裏分享給你們。

Javascript InfoVis tools

這個開源的javascript類庫能夠生成很是炫酷的結構和圖形，我選擇了其中的一種spacetree類型作爲個人組織結構圖基礎，這種圖形能夠支持一下特性：

• 支持向上下左右四個方向展開圖表
• 支持子節點擴展
• 支持圖表拖放
• 支持圖表縮放

整個類庫異常強大，很是合適複雜的圖形功能需求，以下：

 

 

具體代碼及其在線演示請參考原文

 

文章來源：使用Javascript來實現的超炫組織結構圖(Organization Chart)