vue-orgchart: 可編輯,可匯出JSON的樹形組織圖

深樹發表於2017-12-11

一個對OrgChart.js封裝並修改的Vue2.x元件

調研

最近公司有個需求,做一個可編輯的樹形組織圖。我第一個想到的是ECharts,可當時並沒有(最近一個版本出了樹圖也不是組織圖);然後想到了AntV G6(上手難度有點大也不是組織圖);GoJS(LICENSE問題);最後找到了OrgChart,本是jQuery外掛且有時間沉澱,並有二次開發的ES6版本,就是它了。

感謝

  • 首先感謝dabeng的Orgchart.js -- OrgChart.js
  • 如果你想用OrgChart.js的Vue封裝,可以直接用 我的專案

功能

  • JSON格式匯入匯出樹形關係圖
  • 支援樹形關係圖匯出圖片
  • 可拖拉樹形關係圖
  • 可編輯樹形關係圖

...

預覽

vue-orgchart: 可編輯,可匯出JSON的樹形組織圖

專案地址:github.com/spiritree/v…

文件地址:spiritree.github.io/vue-orgchar…

相關文章