React + umi +antd+antv/g6 实现力图

官方示例效果:http://antv.alipay.com/zh-cn/g6/2.x/demo/net/2017-link-data.htmlhtml

改编效果:node

实现步骤:react

  环境:nodejs、yarn/npm、umi(最新便可)git

  建立项目:npm

    1.打开cmdantd

    2.建立项目文件夹:输入mkdir ReactUmiG6App & cd ReactUmiG6App 回车编码

    3.建立项目:yarn create umihtm

     4.添加须要的依赖包:react 、antd、@antv/g6blog

        yarn add antd、yarn add react 、yarn add @antv/g6ip

     5.以上就是全部准备,接下来就能够具体实现了

 具体编码参考官方API及实例就可,其余须要注意的就是依赖引用了,如下供参考

 最后附上源码:

https://gitee.com/wiaoong/studynotes.git

相关文章
相关标签/搜索