G2

Docs
API
Examples
Theme
Ecosystem
Products
5.3.0

Get Started
Introduction
- What is G2
- Use In Framework
- Experimental Spec API
Core Concepts
- Color En
- Chart
  - Components of G2 Charts
  - How to Use Charts
- Mark
- View
- Data
  - overview
  - custom
  - ema
  - fetch
  - filter
  - fold
  - inline
  - join
  - kde
  - log
  - map
  - pick
  - rename
  - slice
  - sort
  - sortBy
- Encode
- Scale
- Transform
- Coordinate
- 样式（Style）
- Animate
- 状态（State）
- Interaction
- Composition
  - overview
  - facetCircle
  - facetRect
  - repeatMatrix
  - spaceFlex
  - spaceLayer
  - timingKeyframe
- Theme
- event
Chart Component
Extra Topics
Whats New
- New Version Features
- Migration from v4 to v5
Frequently Asked Questions (FAQ)

scaleInX

Previous

pathIn

Next

scaleInY

Resources

Galacea Effects

Umi-React Application Framework

Dumi-Component doc generator

ahooks-React Hooks Library

Community

Ant Financial Experience Tech

SEE Conf-Experience Tech Conference

Help

More Productions

Ant Design-Enterprise UI design language

Yuque-Knowledge creation and Sharing tool

Egg-Enterprise-class Node development framework

Kitchen-Sketch Tool set

Galacean-互动图形解决方案

Liven Experience technology

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

Loading...

scaleInX 单个图形沿着 x 方向的生长动画。影响 transform.scale 属性。

开始使用

scaleInX

chart
  .interval()
  /* ... */
  .animate('enter', { type: 'scaleInX' });