Comments (5)
Hi @king1k 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 If I'm not mistaken, the Spring Festival will occur in two days (Happy holidays!) so I guess you already have in mind which options are going to be available. Can you specify them? It would be great to know if you are going to implement all of the options that I need (which the JQuery project has), So I can decide if I can use the Vue version or I'll have to go with the JQuery version. Anyway, if you can say the names before the Spring Festival, it will be great.
from vue-orgchart.
Hi @verilog15,generally, Chinese New Year vocation is half of month . During that time, I'll expose equivalent options on new vuejs version of orgchart Asap😊
from vue-orgchart.
@dabeng Thanks for the reply! Can you specify when? I gonna have two following two weeks time to add it to our project so I wondering if it will occur on those dates
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.