Home

Awesome

vue-x6-flow-3.0

基于antv-x6 vue版本 vue3.x+ element-plus +antv-x6

vue2.0 地址

https://github.com/MyButifullyLife/vue-x6-flow

npm install 问题

如遇到版本下载问题,请参照本项目的packjson里面依赖的版本

坑1 vite 需配置代码,参考本项目vite 配置

···

坑: // vite.config.js resolve: { alias: [ { find: '@antv/x6', replacement: '@antv/x6/lib' }, { find: '@antv/x6-vue-shape', replacement: '@antv/x6-vue-shape/lib', }, ] } ···

文档地址

https://x6.antv.vision/zh/docs/api/graph/graph

效果图

image

流向动画

GIF 2022-1-18 16-51-01

树状图 现成源码

1679362448522

企业微信截图_d2f74ba5-4202-43eb-90e8-9f95bfc3ff2f

x6 对于流程图 dag图 思维导图均可实现

image

如果文章对你有帮助,那么5块、10块也是爱

image

有疑问可加QQ

冠希:微信转账30可以让你少掉、少白几根头发永远跟我一样帅 QQ:251275985 wx:gjh251275985