【前端数据可视化AntV】G2 、G6 、L7 的使用

AntV官网 AntV官网
查看文档的时候强烈建议使用国内镜像；否则会非常的慢。
gitee地址:gitee地址

强烈建议使用国内镜像

1. AntV-G2的使用

1. 这里是使用vue-cli创建了一个vue项目:

vue create learn-antV

2. AntV-G2-Plot的使用:快速上手

npm install @antv/g2plot --save

import { Line } from '@antv/g2plot';

1.1 实现简单的折线图案例

简单的折线图案例

2. AntV-G6 的使用

参考文档:参考文档

1. 安装 AntV-G6依赖:

 npm install --save @antv/g6

2. 按需导入依赖:

import G6 from '@antv/g6';

2.1 实现案例

使用AntV-G6实现简单案例

3. AntV-L7 的使用

参考文档:参考文档

1. 安装AntV-L7的运行时依赖:

// L7 依赖
npm install --save @antv/l7

// 第三方底图依赖
npm install --save @antv/l7-maps;

2. 导入依赖模块进行使用:

import { Scene, PointLayer } from '@antv/l7';
import { GaodeMap } from '@antv/l7-maps';

3.1 实现简单案例

注意在创建高德地图的时候需要输入自己创建的一个token

自己高德地图开发者账号的token

AntV-L7案例