search

dabeng / vue-orgchart

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
MIT License
290 stars 89 forks source link

List of available options #6

Open kuzamuka opened 5 years ago

kuzamuka commented 5 years ago

Hi @dabeng, Which of the following options are available on your Vue orgchart project? (I took it from your other orgchart project).

Thanks!

image

dabeng commented 5 years ago

Hi @kuzamuka . 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>
hansiemithun commented 4 years ago

Unfortunately, unable to see any demo from the provided demos link.