博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React + umi +antd+antv/g6 实现力图
阅读量:6070 次
发布时间:2019-06-20

本文共 476 字,大约阅读时间需要 1 分钟。

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

转载于:https://www.cnblogs.com/JQKA/p/10291586.html

你可能感兴趣的文章
生成7位不同的随机整数
查看>>
我的友情链接
查看>>
<img src="data:xxx1" style=aaa:'"/onerror=alert(1)//' >
查看>>
zabbix-----2-----监控nginx的状态
查看>>
我的友情链接
查看>>
***学习笔记--场景篇--通过mysql的root账号来get shell
查看>>
mysql之触发器trigger
查看>>
我的友情链接
查看>>
Java中的匿名内部类
查看>>
14.PL_SQL——StoreProcedures的创建和使用
查看>>
linux下清空DNS缓存
查看>>
怎么看懂oracle的执行计划
查看>>
【转】在网页中异步加载javascript
查看>>
且谈语音搜索
查看>>
以写代学:python 文件
查看>>
MySQL数据库导入导出常用命令
查看>>
Windows管理员常用的PowerShell命令
查看>>
LAMP架构搭建与优化(1.7-1.9)
查看>>
为网站加入Drupal星球制作RSS订阅源
查看>>
MySQL 存储过程 游标例子
查看>>