Comments (4)
Hi @khaulhha I have to say sorry. For various reasons, I only spared two days to update vue-orgchart during my Chinese New Year holiday. For now, there is the following available attributes and slot and you can find some new Demos on codesandbox.io.
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. |
Scoped Slots
<template slot-scope="{ nodeData }">
<!-- feel free to customize the internal structure of node -->
</template>
from vue-orgchart.
Thank you so much for your planning to use vue-orgchart in your new project. I'll expose more options in the Spring Festival. 😊
from vue-orgchart.
@dabeng so it will be released tomorrow? Thanks for the help :)
from vue-orgchart.
Can you add the export feature?
from vue-orgchart.
Related Issues (20)
- ISSUE IN FILTERING THE NODE
- how to get node data when click? HOT 1
- RTL Support for orgchart
- search in node
- Is it possible to use all the features of original project?
- Feature - Dynamic datasource objects HOT 1
- Support for customizing only the children's node
- 无语了这插件,太难用了,宣传的倒是挺好 HOT 1
- Change the height of the workplace
- OrgChart Container Height
- Feature: Option to draw chart horizontally
- Is it possible to color the certain node based on position level?
- I want an option 'className'... Why did the option disappear from the vue version?
- direction attribute for vue component HOT 1
- vue 3 Cannot read property '_c' of undefined HOT 4
- Pan to location of a node
- Unable to export chart
- Zoom and pan on touch devices
- TMS4422 - jQuery HTML Injection Weakness
- Cant use the plugin HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-orgchart.