dabeng/vue-orgchart

Adding basic chart features

khaulhha opened this issue · 4 comments

khaulhha commented

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

dabeng commented

Thank you so much for your planning to use vue-orgchart in your new project. I'll expose more options in the Spring Festival. 😊

khaulhha commented

@dabeng so it will be released tomorrow? Thanks for the help :)

dabeng commented

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

NameTypeRequiredDefaultDescription
datasourcejsonyesdatasource usded to build out structure of orgchart. It could be a json object.
panbooleannofalseUsers could pan the orgchart by mouse drag&drop if they enable this attribute.
zoombooleannofalseUsers could zoomin/zoomout the orgchart by mouse wheel if they enable this attribute.
zoomin-limitnumberno7Users are allowed to set a zoom-in limit.
zoomout-limitnumberno0.5Users are allowed to set a zoom-out limit.

Scoped Slots

<template slot-scope="{ nodeData }">
  <!-- feel free to customize the internal structure of node -->
</template>
  • 👍1
shook2012 commented

Can you add the export feature?