Providing examples

[asbua]

Congrats on your release. Can you please provide some basic examples? For example how can I zoom and pan, insert data and so on.

[dabeng]

Hi @asbua . For now, there is only simmple demo on codesandbox - https://codesandbox.io/s/r5kx493mrp. You can zoom in/out chart with mouse wheel.

[asbua]

Great thanks! :) How can I use ' nodeContent' and 'createNode'?

[dimasx010]

Hello, Great Job.. No have documentation for vue? i need change colors and background. i view examples for js versión but no Vue in https://github.com/dabeng/OrgChart.js. thx and nice job

[dabeng]

Hi @asbua @dimasx010. 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>

[cardei]

Hi could you please provide an example on how to use Scoped Slots. Thanks. A codesandbox example would be awesome. Thanks.