A Vue wrapper for OrgChart.js.
Intro
- First of all, thanks a lot for dabeng's great work -- OrgChart.js
- If you prefer the Vue.js Wrapper for Orgchart.js,you could try my project
Links
Feature
- Support import and export JSON
- Supports exporting chart as a picture
- draggable Orgchart
- Editable Orgchart
...
Install
npm install vue-orgchart -S
Quick Start
In
main.js
import 'vue-orgchart/dist/style.min.css'
In
*.vue
<template> <div> <vo-basic :data="chartData"></vo-basic> </div></template> <script> components: VoBasic { thischartData = name: 'JavaScript' children: name: 'Angular' name: 'React' children: name: 'Preact' name: 'Vue' children: name: 'Moon' }</script>
Development
# install dependenciesnpm install# serve with hot reload at localhost:8999npm run dev# unit testnpm run test# build by rollupnpm run rollup
License
MIT