Merge pull request #17997 from apache/fix-polar-animation

fix(polar): polar bar animation should start from r0 rather than 0
apache · Dec 1, 2022 · 02d11cd · 02d11cd
2 parents f68e1f1 + 4fad608
commit 02d11cd
Show file tree

Hide file tree

Showing 5 changed files with 135 additions and 2 deletions.
diff --git a/src/chart/bar/BarView.ts b/src/chart/bar/BarView.ts
@@ -803,7 +803,7 @@ const elementCreator: {
             const sectorShape = sector.shape;
             const animateProperty = isRadial ? 'r' : 'endAngle' as 'r' | 'endAngle';
             const animateTarget = {} as SectorShape;
-            sectorShape[animateProperty] = isRadial ? 0 : layout.startAngle;
+            sectorShape[animateProperty] = isRadial ? layout.r0 : layout.startAngle;
             animateTarget[animateProperty] = layout[animateProperty];
             (isUpdate ? updateProps : initProps)(sector, {
                 shape: animateTarget

diff --git a/src/chart/sunburst/SunburstPiece.ts b/src/chart/sunburst/SunburstPiece.ts
@@ -116,7 +116,7 @@ class SunburstPiece extends graphic.Sector {
         if (firstCreate) {
             sector.setShape(sectorShape);
             sector.shape.r = layout.r0;
-            graphic.updateProps(
+            graphic.initProps(
                 sector,
                 {
                     shape: {

diff --git a/test/bar-polar-animation.html b/test/bar-polar-animation.html
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
diff --git a/test/runTest/actions/bar-polar-animation.json b/test/runTest/actions/bar-polar-animation.json