十 AntV

← Highcharts
AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

AntV 包括以下解决方案：

• G2：可视化引擎
• G2Plot：图表库
• G6：图可视化引擎
• Graphin：基于 G6 的图分析组件
• F2：移动可视化方案
• ChartCube：AntV 图表在线制作
• L7：地理空间数据可视化

G2 案例：折线图

Antv G2 的绘图流程

1. 引入 js 库
2. 编写渲染容器 DOM
3. 准备渲染数据
4. 获取渲染 DOM 对象
5. 初始化 G2 绘图对象（如：G2Plot.Line），配置绘图参数
6. 调用 render 完成渲染

G6 案例：绘制矢量图

Antv G6 的绘图流程

1. 引入 js 库
2. 编写渲染容器 DOM
3. 准备渲染数据
4. 获取渲染 DOM 对象
5. 初始化 G6 绘图对象（如：G6.Graph），配置绘图参数
6. 调用 render 完成渲染

L7 案例：气泡图

Antv L7 的绘图流程

1. 引入 js 库
2. 编写渲染容器 DOM
3. 初始化地图对象 L7.Scene
4. 请求数据
5. 数据清洗
6. 初始化绘图对象（如：L7.PointLayer）
7. 调用 L7.Scene.addLayer 方法绘图
   查看高德地图 key 获取方法

ECharts入门
→