fix(pie): label not show when animation is disabled. fix #12110

src/chart/pie/PieView.js

@@ -180,31 +180,36 @@ piePieceProto.updateData = function (data, idx, firstCreate) {
     var withAnimation = !firstCreate && animationTypeUpdate === 'transition';
     this._updateLabel(data, idx, withAnimation);
 
-    this.highDownOnUpdate = (itemModel.get('hoverAnimation') && seriesModel.isAnimationEnabled())
+    this.highDownOnUpdate = !seriesModel.get('silent')
         ? function (fromState, toState) {
+            const hasAnimation = seriesModel.isAnimationEnabled() && itemModel.get('hoverAnimation');
             if (toState === 'emphasis') {
                 labelLine.ignore = labelLine.hoverIgnore;
                 labelText.ignore = labelText.hoverIgnore;
 
                 // Sector may has animation of updating data. Force to move to the last frame
                 // Or it may stopped on the wrong shape
-                sector.stopAnimation(true);
-                sector.animateTo({
-                    shape: {
-                        r: layout.r + seriesModel.get('hoverOffset')
-                    }
-                }, 300, 'elasticOut');
+                if (hasAnimation) {
+                    sector.stopAnimation(true);
+                    sector.animateTo({
+                        shape: {
+                            r: layout.r + seriesModel.get('hoverOffset')
+                        }
+                    }, 300, 'elasticOut');
+                }
             }
             else {
                 labelLine.ignore = labelLine.normalIgnore;
                 labelText.ignore = labelText.normalIgnore;
 
-                sector.stopAnimation(true);
-                sector.animateTo({
-                    shape: {
-                        r: layout.r
-                    }
-                }, 300, 'elasticOut');
+                if (hasAnimation) {
+                    sector.stopAnimation(true);
+                    sector.animateTo({
+                        shape: {
+                            r: layout.r
+                        }
+                    }, 300, 'elasticOut');
+                }
             }
         }
         : null;

test/pie-animation.html

@@ -31,7 +31,8 @@
         html,
         body,
         #main1,
-        #main2 {
+        #main2,
+        #main3 {
             width: 100%;
             height: 250px;
             margin: 0;
@@ -57,6 +58,9 @@
     <button id="btn2">Go</button>
     <div id="main2"></div>
 
+    <div class="test-title">Should display labels on emphasis if no animation</div>
+    <div id="main3"></div>
+
     <script>
 
         require([
@@ -164,6 +168,47 @@
         });
 
     </script>
+
+
+
+    <script>
+
+        require([
+            'echarts'
+        ], function (echarts) {
+            var chart = echarts.init(
+                document.getElementById('main3'),
+                null,
+                {
+                    renderer: 'svg'
+                }
+            );
+
+            var option = {
+                "series": [
+                    {
+                        "type": "pie",
+                        "radius": ["40%", "70%"],
+                        "animation": false,
+                        "label": {
+                            "show": false,
+                            "emphasis": {
+                                "show": true,
+                                "textStyle": {
+                                    "fontSize": "50"
+                                }
+                            }
+                        },
+                        "data": [
+                            {"value": 335, "name": "A"}
+                        ]
+                    }
+                ]
+            };
+            chart.setOption(option);
+        });
+
+    </script>
 </body>
 
 </html>

test/runTest/actions/__meta__.json

@@ -109,6 +109,7 @@
   "pie": 1,
   "pie-action": 1,
   "pie-alignTo": 4,
+  "pie-animation": 1,
   "pie-calculable": 1,
   "polar-rounded": 3,
   "polarLine": 1,

test/runTest/actions/pie-animation.json

@@ -0,0 +1 @@
+[{"name":"Action 1","ops":[{"type":"mousemove","time":2246,"x":225,"y":453},{"type":"mousemove","time":2453,"x":225,"y":453},{"type":"mousemove","time":2845,"x":225,"y":453},{"type":"mousemove","time":3045,"x":268,"y":465},{"type":"mousemove","time":3245,"x":312,"y":468},{"type":"mousemove","time":3449,"x":328,"y":469},{"type":"mousemove","time":3669,"x":328,"y":469},{"type":"screenshot","time":4152}],"scrollY":390,"scrollX":0,"timestamp":1583724042816}]