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

本文详细介绍了AntV G2Plot的通用API,包括创建图表实例、渲染、更新配置、改变数据、指定图表大小等方法。此外,还涉及图表事件监听、元素状态设置、标注的增删等操作,帮助开发者更好地理解和使用G2Plot。
摘要由CSDN通过智能技术生成

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 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值