vue-orgchart: 可编辑，可导出JSON的树形组织图

一个对OrgChart.js封装并修改的Vue2.x组件

调研

最近公司有个需求，做一个可编辑的树形组织图。我第一个想到的是ECharts，可当时并没有（最近一个版本出了树图也不是组织图）；然后想到了AntV G6（上手难度有点大也不是组织图）；GoJS（LICENSE问题）；最后找到了OrgChart，本是jQuery插件且有时间沉淀，并有二次开发的ES6版本，就是它了。

感谢

首先感谢dabeng的Orgchart.js -- OrgChart.js
如果你想用OrgChart.js的Vue封装，可以直接用我的项目

功能

JSON格式导入导出树形关系图
支持树形关系图导出图片
可拖拉树形关系图
可编辑树形关系图

...

预览

项目地址：github.com/spiritree/v…

文档地址：spiritree.github.io/vue-orgchar…

vue-orgchart: 可编辑，可导出JSON的树形组织图相关推荐

vue-orgchart: 可编辑，可导出 JSON 的树形组织图
调研最近公司有个需求,做一个可编辑的树形组织图.我第一个想到的是ECharts,可当时并没有(最近一个版本出了树图也不是组织图):然后想到了AntV G6(上手难度有点大也不是组织图):GoJS(L ...
Vue实现在线编辑excel、导入、导出
文章目录概要整体架构流程小结概要 Vue实现在线编辑excel.导入.导出整体架构流程 luckysheet文档地址 exceljs文档地址 1.npm安装依赖 npm i exceljs ...
php输出json到表格,Vue如何导出json数据到Excel电子表格方法
本文主要介绍了Vue导出json数据到Excel电子表格的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助到大家. 一.安装依赖(前面基本一样) npm install file- ...
vue中导出json数据为excel表格并保存到本地
继我上次成功利用vue和elemen把excel的数据导入至前端vue,因为excel表中的数据有些必填项没有填写或者填写错误(比如写错字)所以就要将没有成功导入的数据导出成一份excel表并保存至本 ...
vue 增加js日志输出文件_Vue.JS项目导入导出JSON文件的方案之一，其他项目也可参考...
本文只用于记录经验,为节省时间用于举例的UI也许有点简陋. 1.导出json文件安装file-saver 使用 npm install file-saver --save 安装 file-saver ...
Vue.JS项目导入导出JSON文件的方案之一，其他项目也可参考
此文章用于记录经验,方便下次借鉴,为节省时间用于举例的UI也许有点简陋,将就将就-重要的是方法. 1.导出json文件 1.1.安装file-saver 使用cnpm install file-sav ...
robomongo导入数据_关于robo3t：如何使用robomongo从Mongodb中导出json
所以我对MongoDB不太了解. 我使用RoboMongo来连接到MongoDB. 我需要做的是-该MongoDB中有一个集合. 我想从该集合中导出数据,以便将其保存到文件中. 我使用该界面以文本形式 ...
js导出JSON格式文件
在src目录下新建tools文件价,在tools文件中新建index.js(文件内名字随意) 在index.js文件中 const Tools = {// 导出文件exportJson(name, d ...
vue数组转Excel表格导出
vue数组转Excel表格导出安装依赖 npm i xlsx vue组件 <template><div><el-button type="success&qu ...

vue-orgchart: 可编辑，可导出JSON的树形组织图

调研

感谢

功能

预览

vue-orgchart: 可编辑，可导出JSON的树形组织图相关推荐

最新文章

热门文章