dabeng/ vue-orgchart
Need help with vue-orgchart?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
About the developer
185 Stars 
57 Forks 
MIT License 
35 Commits 
34 Opened issues 
Description
It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
Services available
Contributors list
Readme
jQuery Version
ES6 Version
Web Components Version
Angular Version -- the most space-saving solution
React Version
Foreword
- First of all, thanks a lot for wesnolte's great work:blush: -- jOrgChart. The thought that using nested tables to build out the tree-like orgonization chart is amazing. This idea is more simple and direct than its counterparts based on svg
- Unfortunately, it's long time not to see the update of jOrgChart. on the other hand, I got some interesting ideas to add, so I choose to create a new repo.
Features
- For now, just static organization chart
Installation
npm install vue-organization-chart -S
Demos
Usage
Attributes
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| datasource | json | yes | datasource usded to build out structure of orgchart. It could be a json object. | |
| pan | boolean | no | false | Users could pan the orgchart by mouse drag&drop if they enable this attribute. |
| zoom | boolean | no | false | Users could zoomin/zoomout the orgchart by mouse wheel if they enable this attribute. |
| zoomin-limit | number | no | 7 | Users are allowed to set a zoom-in limit. |
| zoomout-limit | number | no | 0.5 | Users are allowed to set a zoom-out limit. |
Events
| Name | Parameters | Description |
|---|---|---|
| node-click | node data | triggers when user clicks the node. |