search

alibaba / butterfly

🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
https://butterfly-dag.gitee.io/butterfly-dag/home
MIT License
4.48k stars 603 forks source link

做DAG图使用vue版本的组件，有没有不用设置绝对位置的方法 #929

Open goody9807 opened 1 year ago

goody9807 commented 1 year ago

What problem does this feature solve?

如图，需要自己设定位置

image

能否组件设置好css，用户自己只需传入level ，就可以自动识别位置，而不需要自己设定left or top

Zt448143356 commented 1 year ago

可以使用布局来实现你的需求。

这是vue的example：里面有layout的使用方式。 https://github.com/alibaba/butterfly/tree/master/vue/example

这是layout https://github.com/alibaba/butterfly/blob/master/docs/zh-CN/layout.md