AntV | G2Plot API
AntV | G2Plot 教程
1、通用 API
G2Plot 的核心技术架构非常简单,所有的 Plot 图表都继承于一个基类,基类为所有的图表提供的了通用的 API 方法,而每个具体的可视化图表仅仅处理自己不同的配置项。所以 API 部分,所有图表基本都是一样,除了部分图表(比如:仪表盘、水波图)在 changeData API 上有细微的区别。
<1> 创建图表实例(new)
通用 API
所有图表的创建,都是一样的,从 G2Plot 中引入对应的 Plot class,然后创建实例,构造函数有两个参数:
【1】npm 引入
import {
Line } from '@antv/g2plot';
const line = new Line(‘container', options);
// 1. `container`: 图表渲染的 DOM 容器 id 或者 HTMLElement 实例
// 2. `options`: 图表配置数据,不同的图表功能请参考[基础图表 API]
创建好的图表实例,都具有两个公开属性:
- container HTMLElement: 图表渲染的 DOM 容器。
- options PlotOptions: 图表当前的所有全量配置项 options,是有用户传入,以及图表内置的默认配置项合并之后结果。
const line = new