It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn...
Available items
No Items, yet!
The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
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. |