AntV | 蚂蚁数据可视化 G2Plot 通用 API

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 

你可能感兴趣的:(web开发,vue.js,前端,javascript)