React + umi +antd+antv/g6 實現力圖


官方示例效果: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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM