diff --git a/test/pie.html b/test/pie.html
index 10ca6440af..159c6199ee 100644
--- a/test/pie.html
+++ b/test/pie.html
@@ -34,6 +34,7 @@
 
         <div id="main"></div>
         <div id="main2"></div>
+        <div id="main3"></div>
 
 
         <script>
@@ -343,9 +344,50 @@
             });
         </script>
 
+        <script>
+            require([
+                'echarts'
+            ], function (echarts) {
+                var clockwise = true;
+
+                var option = {
+                    series: [
+                        {
+                            type: "pie",
+                            radius: ["40.625%", "100%"],
+                            startAngle: 320,
+                            clockwise,
+                            data: [
+                                { value: 0, name: "Search Engine" },
+                                { value: 0, name: "Direct" },
+                                { value: 0, name: "Email" },
+                                { value: 0, name: "Union Ads" }
+                            ]
+                        }
+                    ]
+                };
+
+                var chart = testHelper.create(echarts, 'main3', {
+                    title: [
+                        'Shouldn\'t be fully annular',
+                        'from https://github.com/apache/echarts/issues/16363'
+                    ],
+                    option
+                });
 
+                setTimeout(function () {
+                    option.series[0].data = [
+                        { value: 21, name: "Search Engine" },
+                        { value: 8, name: "Direct" },
+                        { value: 1, name: "Email" },
+                        { value: 0, name: "Union Ads" }
+                    ];
+                    chart.setOption(option);
+                }, 1e3);
+            });
+        </script>
 
 
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
index a20b5533ac..16f462eba0 100644
--- a/test/runTest/actions/__meta__.json
+++ b/test/runTest/actions/__meta__.json
@@ -139,7 +139,7 @@
   "parallel-aqi": 1,
   "parallel-nutrients": 1,
   "pictorial-repeat": 5,
-  "pie": 1,
+  "pie": 4,
   "pie-action": 1,
   "pie-alignTo": 4,
   "pie-animation": 2,
diff --git a/test/runTest/actions/pie.json b/test/runTest/actions/pie.json
index f22c2049f8..7213f853c3 100644
--- a/test/runTest/actions/pie.json
+++ b/test/runTest/actions/pie.json
@@ -1 +1 @@
-[{"name":"Action 1","ops":[{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"inside","time":1802,"target":"select"},{"time":1803,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":2414,"x":654,"y":30},{"type":"mousemove","time":2615,"x":642,"y":22},{"type":"mousemove","time":2823,"x":638,"y":19},{"type":"mousemove","time":3040,"x":637,"y":17},{"type":"mousedown","time":3140,"x":637,"y":17},{"type":"mouseup","time":3240,"x":637,"y":17},{"time":3241,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":4399,"x":637,"y":19},{"type":"mousemove","time":4599,"x":641,"y":38},{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"outside","time":5795,"target":"select"},{"time":5796,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":6310,"x":641,"y":54},{"type":"mousemove","time":6517,"x":653,"y":66},{"type":"mousemove","time":6727,"x":634,"y":69},{"type":"mousemove","time":6928,"x":633,"y":69},{"type":"mousedown","time":7067,"x":633,"y":69},{"type":"mousemove","time":7131,"x":634,"y":70},{"type":"mousemove","time":7344,"x":681,"y":73},{"type":"mousemove","time":7569,"x":688,"y":73},{"type":"mouseup","time":7754,"x":688,"y":73},{"time":7755,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":7776,"x":688,"y":73},{"type":"mousedown","time":8468,"x":688,"y":73},{"type":"mousemove","time":8528,"x":686,"y":73},{"type":"mousemove","time":8738,"x":645,"y":72},{"type":"mousemove","time":8939,"x":630,"y":73},{"type":"mouseup","time":9192,"x":630,"y":73},{"time":9193,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":9221,"x":630,"y":73},{"type":"mousemove","time":9312,"x":630,"y":76},{"type":"mousemove","time":9513,"x":627,"y":98},{"type":"mousemove","time":9714,"x":627,"y":100},{"type":"mousedown","time":9777,"x":627,"y":100},{"type":"mousemove","time":9914,"x":638,"y":100},{"type":"mousemove","time":10130,"x":674,"y":101},{"type":"mousemove","time":10343,"x":697,"y":99},{"type":"mouseup","time":10492,"x":697,"y":99},{"time":10493,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":11932,"x":697,"y":99}],"scrollY":0,"scrollX":0,"timestamp":1568042984157}]
\ No newline at end of file
+[{"name":"Action 1","ops":[{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"inside","time":1802,"target":"select"},{"time":1803,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":2414,"x":654,"y":30},{"type":"mousemove","time":2615,"x":642,"y":22},{"type":"mousemove","time":2823,"x":638,"y":19},{"type":"mousemove","time":3040,"x":637,"y":17},{"type":"mousedown","time":3140,"x":637,"y":17},{"type":"mouseup","time":3240,"x":637,"y":17},{"time":3241,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":4399,"x":637,"y":19},{"type":"mousemove","time":4599,"x":641,"y":38},{"type":"valuechange","selector":"div.dg.ac>div.dg.main.a>ul>li.cr.string>div>div.c>select","value":"outside","time":5795,"target":"select"},{"time":5796,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":6310,"x":641,"y":54},{"type":"mousemove","time":6517,"x":653,"y":66},{"type":"mousemove","time":6727,"x":634,"y":69},{"type":"mousemove","time":6928,"x":633,"y":69},{"type":"mousedown","time":7067,"x":633,"y":69},{"type":"mousemove","time":7131,"x":634,"y":70},{"type":"mousemove","time":7344,"x":681,"y":73},{"type":"mousemove","time":7569,"x":688,"y":73},{"type":"mouseup","time":7754,"x":688,"y":73},{"time":7755,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":7776,"x":688,"y":73},{"type":"mousedown","time":8468,"x":688,"y":73},{"type":"mousemove","time":8528,"x":686,"y":73},{"type":"mousemove","time":8738,"x":645,"y":72},{"type":"mousemove","time":8939,"x":630,"y":73},{"type":"mouseup","time":9192,"x":630,"y":73},{"time":9193,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":9221,"x":630,"y":73},{"type":"mousemove","time":9312,"x":630,"y":76},{"type":"mousemove","time":9513,"x":627,"y":98},{"type":"mousemove","time":9714,"x":627,"y":100},{"type":"mousedown","time":9777,"x":627,"y":100},{"type":"mousemove","time":9914,"x":638,"y":100},{"type":"mousemove","time":10130,"x":674,"y":101},{"type":"mousemove","time":10343,"x":697,"y":99},{"type":"mouseup","time":10492,"x":697,"y":99},{"time":10493,"delay":600,"type":"screenshot-auto"},{"type":"mousemove","time":11932,"x":697,"y":99}],"scrollY":0,"scrollX":0,"timestamp":1568042984157},{"name":"Action 2","ops":[{"type":"mousemove","time":509,"x":520,"y":41},{"type":"mousemove","time":714,"x":541,"y":37},{"type":"mousedown","time":964,"x":541,"y":37},{"type":"mousemove","time":1059,"x":544,"y":37},{"type":"mousemove","time":1260,"x":612,"y":42},{"type":"mousemove","time":1464,"x":646,"y":45},{"type":"mousemove","time":1676,"x":655,"y":47},{"type":"mousemove","time":1881,"x":666,"y":52},{"type":"mouseup","time":2014,"x":666,"y":52},{"time":2015,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2043,"x":666,"y":52},{"type":"mousemove","time":2258,"x":638,"y":18},{"type":"mousedown","time":2324,"x":630,"y":9},{"type":"mouseup","time":2451,"x":630,"y":9},{"time":2452,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2482,"x":622,"y":9},{"type":"mousemove","time":2685,"x":556,"y":15},{"type":"mousedown","time":2801,"x":540,"y":11},{"type":"mouseup","time":2884,"x":540,"y":11},{"time":2885,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2907,"x":540,"y":11},{"type":"mousemove","time":3109,"x":470,"y":8},{"type":"mousedown","time":3183,"x":470,"y":8},{"type":"mouseup","time":3301,"x":470,"y":8},{"time":3302,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":3326,"x":468,"y":8},{"type":"mousemove","time":3534,"x":389,"y":0},{"type":"mousemove","time":3659,"x":346,"y":2},{"type":"mousedown","time":3768,"x":344,"y":7},{"type":"mousemove","time":3866,"x":344,"y":7},{"type":"mouseup","time":3886,"x":344,"y":7},{"time":3887,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":3926,"x":342,"y":9},{"type":"mousemove","time":4126,"x":234,"y":11},{"type":"mousedown","time":4202,"x":221,"y":11},{"type":"mouseup","time":4322,"x":221,"y":11},{"time":4323,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":4339,"x":221,"y":11},{"type":"mousemove","time":4459,"x":220,"y":11},{"type":"mousemove","time":4659,"x":239,"y":12},{"type":"mousemove","time":4859,"x":548,"y":26},{"type":"mousemove","time":5065,"x":670,"y":32},{"type":"mousemove","time":5276,"x":717,"y":20},{"type":"mousedown","time":5420,"x":734,"y":16},{"type":"mousemove","time":5483,"x":734,"y":16},{"type":"mouseup","time":5538,"x":734,"y":16},{"time":5539,"delay":400,"type":"screenshot-auto"},{"type":"mousedown","time":6332,"x":733,"y":16},{"type":"mouseup","time":6502,"x":733,"y":16},{"time":6503,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":7642,"x":732,"y":16},{"type":"mousemove","time":8025,"x":731,"y":16},{"type":"mousemove","time":8225,"x":765,"y":23},{"type":"mousemove","time":8431,"x":778,"y":23},{"type":"mousemove","time":9025,"x":779,"y":23},{"type":"mousemove","time":9225,"x":641,"y":10},{"type":"mousedown","time":9322,"x":641,"y":10},{"type":"mouseup","time":9418,"x":641,"y":10},{"time":9419,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":9430,"x":640,"y":10},{"type":"mousemove","time":9634,"x":547,"y":15},{"type":"mousedown","time":9751,"x":536,"y":13},{"type":"mouseup","time":9850,"x":536,"y":13},{"time":9851,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":9863,"x":537,"y":13},{"type":"mousemove","time":10075,"x":426,"y":14},{"type":"mousedown","time":10135,"x":426,"y":14},{"type":"mouseup","time":10234,"x":426,"y":14},{"time":10235,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":10275,"x":407,"y":14},{"type":"mousedown","time":10467,"x":338,"y":10},{"type":"mousemove","time":10483,"x":338,"y":10},{"type":"mouseup","time":10566,"x":338,"y":10},{"time":10567,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":10691,"x":251,"y":8},{"type":"mousedown","time":10852,"x":222,"y":7},{"type":"mousemove","time":10900,"x":222,"y":7},{"type":"mouseup","time":10972,"x":222,"y":7},{"time":10973,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":11424,"x":221,"y":7},{"type":"mousemove","time":11629,"x":220,"y":7}],"scrollY":0,"scrollX":0,"timestamp":1642582187504},{"name":"Action 3","ops":[{"type":"mousemove","time":276,"x":386,"y":58},{"type":"mousemove","time":483,"x":340,"y":60},{"type":"mousedown","time":637,"x":329,"y":59},{"type":"mousemove","time":697,"x":329,"y":59},{"type":"mouseup","time":747,"x":329,"y":59},{"time":748,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":791,"x":327,"y":59},{"type":"mousemove","time":991,"x":207,"y":62},{"type":"mousedown","time":1198,"x":187,"y":60},{"type":"mousemove","time":1204,"x":187,"y":60},{"type":"mouseup","time":1282,"x":187,"y":60},{"time":1283,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":1408,"x":157,"y":58},{"type":"mousemove","time":1615,"x":132,"y":55},{"type":"mousedown","time":1624,"x":132,"y":55},{"type":"mouseup","time":1755,"x":132,"y":55},{"time":1756,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":1792,"x":130,"y":55},{"type":"mousemove","time":2091,"x":129,"y":56},{"type":"mousemove","time":2341,"x":128,"y":58},{"type":"mousedown","time":2474,"x":135,"y":60},{"type":"mousemove","time":2546,"x":135,"y":60},{"type":"mouseup","time":2572,"x":135,"y":60},{"time":2573,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2758,"x":184,"y":61},{"type":"mousedown","time":2931,"x":186,"y":61},{"type":"mousemove","time":2964,"x":185,"y":61},{"type":"mouseup","time":3041,"x":186,"y":61},{"time":3042,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":3108,"x":192,"y":61},{"type":"mousemove","time":3308,"x":256,"y":62},{"type":"mousedown","time":3382,"x":257,"y":62},{"type":"mouseup","time":3501,"x":257,"y":62},{"time":3502,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":3518,"x":257,"y":62},{"type":"mousemove","time":3592,"x":259,"y":63},{"type":"mousemove","time":3792,"x":363,"y":81},{"type":"mousemove","time":3997,"x":383,"y":87},{"type":"mousemove","time":5024,"x":384,"y":87},{"type":"mousemove","time":5230,"x":385,"y":87}],"scrollY":592.5924682617188,"scrollX":0,"timestamp":1642582259530},{"name":"Action 4","ops":[{"type":"screenshot","time":1583}],"scrollY":917.3333129882812,"scrollX":0,"timestamp":1642582436401}]
\ No newline at end of file