官方示例效果:http://antv.alipay.com/zh-cn/g6/2.x/demo/net/2017-link-data.html
改編效果:
實現步驟:
環境:nodejs、yarn/npm、umi(最新即可)
創建項目:
1.打開cmd
2.創建項目文件夾:輸入mkdir ReactUmiG6App & cd ReactUmiG6App 回車
3.創建項目:yarn create umi
4.添加需要的依賴包:react 、antd、@antv/g6
yarn add antd、yarn add react 、yarn add @antv/g6
5.以上就是所有准備,接下來就可以具體實現了
具體編碼參考官方API及實例就可,其他需要注意的就是依賴引用了,以下供參考
最后附上源碼:
https://gitee.com/wiaoong/studynotes.git