G2

文档
API
图表示例
主题
周边生态
所有产品
5.3.0

快速上手
简介
核心概念
- 图表（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）
- 按需打包
- 设置纹理
- 绘制 3D 图表
- 服务端渲染（SSR）
- Spec 函数表达式支持 (5.3.0 支持)
版本特性
- 新版本特性
- v4 升级 v5 指南
常见问题 FAQ

morphing

上一篇

growInY

下一篇

pathIn

Resources

Galacea Effects

Umi-React 应用开发框架

Dumi-组件/文档研发工具

ahooks-React Hooks 库

社区

体验科技专栏

SEE Conf-蚂蚁体验科技大会

帮助

更多产品

Ant Design-企业级 UI 设计语言

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

Egg-企业级 Node 开发框架

Kitchen-Sketch 工具集

Galacean-互动图形解决方案

蚂蚁体验科技

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

Loading...

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

开始使用

morphing

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