From 2b558621a584489619967b9b0beef081647edf2d Mon Sep 17 00:00:00 2001
From: yufeng04 <740135965@qq.com>
Date: Tue, 2 Feb 2021 20:02:11 +0800
Subject: [PATCH] fix(showLoading): #14188 text of loading covered by charts

---
 src/loading/default.ts |  4 +++-
 test/loading.html      | 46 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/loading/default.ts b/src/loading/default.ts
index 7bb8fd7994..f0ebc55af6 100644
--- a/src/loading/default.ts
+++ b/src/loading/default.ts
@@ -82,7 +82,9 @@ export default function defaultLoading(
             fontWeight: opts.fontWeight,
             fontStyle: opts.fontStyle,
             fontFamily: opts.fontFamily
-        }
+        },
+        zlevel: opts.zlevel,
+        z: 10001
     });
 
     const labelRect = new graphic.Rect({
diff --git a/test/loading.html b/test/loading.html
index f7b1358038..b1133c6804 100644
--- a/test/loading.html
+++ b/test/loading.html
@@ -50,6 +50,8 @@ <h1>fontSzie: 25, arcRadius: 12, lineWidth: 8</h1>
         <div class="chart" id="main4"></div>
         <h1>fontSzie: 25, fontWeight: 'bolder', fontFamily: 'Microsoft YaHei', fontStyle: 'italic'</h1>
         <div class="chart" id="main5"></div>
+        <h1>the spinner and text of loading show above the chart</h1>
+        <div class="chart" id="main6"></div>
         <script>
 
             require([
@@ -111,12 +113,56 @@ <h1>fontSzie: 25, fontWeight: 'bolder', fontFamily: 'Microsoft YaHei', fontStyle
                     lineWidth: 8,
                     zlevel: 0
                 });
+
+                var chart6 = echarts.init(document.getElementById('main6'));
+                chart6.setOption({
+                    angleAxis: {
+                    },
+                    radiusAxis: {
+                        type: 'category',
+                        data: ['周一', '周二', '周三', '周四'],
+                        z: 10
+                    },
+                    polar: {
+                    },
+                    series: [{
+                        type: 'bar',
+                        data: [3, 2, 3, 4],
+                        coordinateSystem: 'polar',
+                        showBackground: true,
+                        name: 'A',
+                        stack: 'a',
+                        emphasis: {
+                            focus: 'series'
+                        }
+                    }],
+                    legend: {
+                        show: true,
+                        data: ['A', 'B', 'C']
+                    }
+                });
+                chart6.showLoading({
+                    text: '暂时没有数据',
+                    textColor: '#000',
+                    fontSize: 25,
+                    fontWeight: 'bolder', 
+                    fontFamily: 'Microsoft YaHei', 
+                    fontStyle: 'italic',
+                    maskColor: 'rgba(255, 255, 255, 0.8)',
+                    color: '#c23531',
+                    arcRadius: 20,
+                    lineWidth: 8,
+                    zlevel: 0
+                });
+
                 window.onresize = function () {
                     chart0.resize();
                     chart1.resize();
                     chart2.resize();
                     chart3.resize();
                     chart4.resize();
+                    chart5.resize();
+                    chart6.resize();
                 };
             });
         </script>