dabeng
Adding basic chart features
Hi @dabeng, I came across with your project by accident. My team and I were looking for a Vue project that could create a tree chart out of the JSON data. I though that your project could help us, but I saw that it leaks some basic features that your jQuery project has (like pan, export and so on). Are you planning to add those features soon? If so, when? If not, do you have any other suggestions for Vue?
Thank you for all the hard work, Richard
Thank you so much for your planning to use vue-orgchart in your new project. I'll expose more options in the Spring Festival. 😊
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>
