vue-orgchart

by dabeng

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn...

157 Stars 47 Forks Last release: over 1 year ago (v1.1.0) MIT License 35 Commits 1 Releases

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:

OrgChart

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.

Scoped Slots

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.