React使用AntV G6實現流程圖
://g6.antv.vision/zh ...
://g6.antv.vision/zh ...
最近我司項目中需要加入流程圖制作功能,於是乎百度各種找可視化繪制拓撲圖的輪子,大部分都是國外的,看文檔太吃力,不過好在最終讓我發現了AntV G6流程圖圖表庫,最新版為2.0,不過編輯器在2.0版本還沒有進行開源,所以只能退而求其次,使用了1.2.8版本。希望2.0版本的編輯器盡早開源,在交互 ...
https://www.jianshu.com/p/13579c3853bc ...
、G6-API。 ...
官方教程 安裝 使用 vue 作為模板 步驟 元素及其配置 布局Layout 交互行為Behavior 插件與交互工具 ...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title ...
fitView fitView :為了能夠將超出畫布的圖適配到視野中,在實例化圖時使用了 fitView 配置項 復雜的布局系統會打破適配的規則,所以去掉 type: 'force',即經典力導向圖布局。preventOverlap: true` ,表示希望節點不重 ...
https://antvis.github.io/g6/api/index.html ...