G2

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

快速上手
简介
图表 API
核心概念
- G2 配置项总览
- 图表组成和使用（Chart）
  - G2 图表组成
  - 图表生命周期
- 图形标记（Mark）
- 视图（View）
- 数据配置和数据转换（Data）
  - 概览
  - custom
  - ema
  - fetch
  - filter
  - fold
  - inline
  - join
  - kde
  - log
  - map
  - pick
  - rename
  - slice
  - sort
  - sortBy
- 编码映射（Encode）
- 比例尺（Scale）
- 标记转换（Transform）
- 坐标系及其转换（Coordinate）
- 样式（Style）
- 动画（Animate）
- 状态管理（State）
- 交互（Interaction）
- 复合视图（Composition）
- 主题（Theme）
- 事件处理（Event）
- 颜色映射（Color）
图表组件
进阶主题
- 关系图（Graph）
- 地图（Geo）
  - geoPath
  - geoView
- 3D 图表（3D Chart）
- 插件扩展（Plugin）
- 按需打包
- 设置纹理
- 服务端渲染（SSR）
- Spec 函数表达式支持 (5.3.0 支持)
版本特性
- 新版本特性
- v4 升级 v5 指南
常见问题 FAQ

morphing

上一篇

growInY

下一篇

pathIn

资源

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...

morphing 图形之间的形变动画，通过 SVG Path 之间的过渡形成的动画。

开始使用

morphing

chart.options({
  type: 'area',
  /* ... */
  animate: { enter: { type: 'morphing' } },
});