fix: 修复数据为 0 时动画更新出错 (#3378)

* fix: 修复动画更新位置计算出错

* fix: 删除 log 信息

Co-authored-by: liufu.lf <liufu.lf@antfin.com>

src/animate/animation/sector-path-update.ts

@@ -128,6 +128,11 @@ export function sectorPathUpdate(shape: IShape, animateCfg: GAnimateCfg, cfg: An
   const center = coordinate.getCenter();
   const diffStartAngle = curStartAngle - preStartAngle;
   const diffEndAngle = curEndAngle - preEndAngle;
+  // 没有 diff 时直接返回最终 attrs，不需要额外动画
+  if (diffStartAngle === 0 && diffEndAngle === 0) {
+    shape.attr('path', path);
+    return;
+  }
 
   shape.animate(
     (ratio) => {

tests/bugs/charts-574-spec.ts

@@ -0,0 +1,39 @@
+import { Chart } from '../../src';
+import { createDiv } from '../util/dom';
+
+describe('574', () => {
+  it('574', () => {
+    const data = [
+      { type: '一线城市', value: 20 },
+      { type: '二线城市', value: 0 },
+      { type: '三线城市', value: 10 },
+    ];
+    const chart = new Chart({
+      container: createDiv(),
+      width: 600,
+      height: 300,
+      autoFit: true,
+    });
+    chart.data(data);
+
+    chart.coordinate('theta', {
+      radius: 0.75,
+    });
+
+    chart.interval().adjust('stack').position('value').color('type', ['blue', 'green', 'yellow']);
+    chart.render();
+    const fn = jest.fn();
+    chart.geometries[0].elements[2].shape.animate = fn;
+    chart.changeData([
+      { type: '一线城市', value: 20 },
+      { type: '三线城市', value: 10 },
+    ]);
+    expect(fn).not.toBeCalled();
+    chart.changeData([
+      { type: '一线城市', value: 20 },
+      { type: '三线城市', value: 15 },
+    ]);
+    expect(fn).toBeCalled();
+    chart.destroy();
+  });
+});