G2

图表介绍
文档
图表示例
主题
周边生态
所有产品
5.4.8

快速上手
简介
- 什么是 G2
- 在前端框架中使用
- Spec 和 API
图表 API
核心概念
- G2 配置项总览
- 图表组成和使用（Chart）
  - G2 图表组成
  - 图表生命周期
- 图形标记（Mark）
- 视图（View）
- 数据配置和数据转换（Data）
- 编码映射（Encode）
- 比例尺（Scale）
  - 概览
  - band
  - linear
  - log
  - ordinal
  - point
  - quantile
  - quantize
  - sqrt
  - threshold
  - time
  - pow
- 标记转换（Transform）
- 坐标系及其转换（Coordinate）
- 样式（Style）
- 动画（Animate）
- 状态管理（State）
- 交互（Interaction）
- 复合视图（Composition）
- 主题（Theme）
- 事件处理（Event）
- 颜色映射（Color）
图表组件
进阶主题
- 关系图（Graph）
  - forceGraph
  - pack
  - sankey
  - tree
  - treemap
- 地图（Geo）
  - geoPath
  - geoView
- 3D 图表（3D Chart）
  - 绘制 3D 图表
  - point3D
  - line3D
  - interval3D
  - surface3D
- 插件扩展（Plugin）
- 按需打包
- 设置纹理
- 服务端渲染（SSR）
- Spec 函数表达式支持 (5.3.0 支持)
版本特性
- 新版本特性
- v4 升级 v5 指南
常见问题 FAQ

zoomOut

上一篇

zoomIn

下一篇

状态管理（State）

资源

Galacea Effects

Umi-React 应用开发框架

Dumi-组件/文档研发工具

ahooks-React Hooks 库

WeaveFox-前端智能研发

社区

体验科技专栏

SEE Conf-蚂蚁体验科技大会

WeaveFox-智能研发技术社区

帮助

更多产品

Ant Design-企业级 UI 设计语言

语雀-知识创作与分享工具

Egg-企业级 Node 开发框架

Kitchen-Sketch 工具集

Galacean-互动图形解决方案

WeaveFox-前端智能研发

© Copyright 2026 Ant Group Co., Ltd..备案号：京ICP备15032932号-38

Loading...

zoomOut 沿着图形中心点的缩小动画。影响 transform.scale 属性。

开始使用

zoomOut

chart.options({
  type: 'interval',
  /* ... */
  animate: { exit: { type: 'zoomOut' } },
});