chore: 竞速动画添加数字变化动画示例 (#1926)

antvis · Feb 21, 2024 · 4d17404 · 4d17404
1 parent dbfb0ed
commit 4d17404
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/f2/test/timeline/interval.test.tsx b/packages/f2/test/timeline/interval.test.tsx
@@ -63,6 +63,21 @@ describe('Chart', () => {
                         textAlign: 'start',
                         textBaseline: 'middle',
                       }}
+                      animation={{
+                        update: {
+                          easing: 'linear',
+                          duration: 450,
+                          property: ['x', 'y'],
+                          onFrame(t, animationContext) {
+                            const { start, end } = animationContext;
+                            const startText = parseInt(start.text);
+                            const endText = parseInt(end.text);
+                            return {
+                              text: `${(startText + (endText - startText) * t).toFixed(0)}`,
+                            };
+                          },
+                        },
+                      }}
                     />
                   );
                 })}