diff --git a/src/components/Charts/ChartCard/index.js b/src/components/Charts/ChartCard/index.js
index a4726827b935cd377e32d12772bb224e9dab138b..db2c4623fa3fb99201b09a283d3cdf5b16385f6a 100644
--- a/src/components/Charts/ChartCard/index.js
+++ b/src/components/Charts/ChartCard/index.js
@@ -52,7 +52,7 @@ const ChartCard = ({
       bodyStyle={{ padding: '20px 24px 8px 24px' }}
       {...rest}
     >
-      {<Spin spinning={loading}>{content}</Spin>}
+      {<Spin spinning={loading} wrapperClassName={styles.spin}>{content}</Spin>}
     </Card>
   );
 };
diff --git a/src/components/Charts/ChartCard/index.less b/src/components/Charts/ChartCard/index.less
index bdc573b1d1d947b876d58a94766b8708416af5f6..02a1d7ecb2593ba460f91b28347e16c60096a089 100644
--- a/src/components/Charts/ChartCard/index.less
+++ b/src/components/Charts/ChartCard/index.less
@@ -72,3 +72,7 @@
     margin-top: 20px;
   }
 }
+
+.spin :global(.ant-spin-container) {
+  overflow: visible;
+}
diff --git a/src/components/Charts/index.less b/src/components/Charts/index.less
index 52f97c4c970fae0cdf61b7e81cbfeb437bfaec1c..43cfc8bf9d3feefe9e7660f9fcae7e37ec8617dd 100644
--- a/src/components/Charts/index.less
+++ b/src/components/Charts/index.less
@@ -5,7 +5,7 @@
     position: absolute;
     bottom: -34px;
     width: 100%;
-    & > div {
+    > div {
       margin: 0 -5px;
       overflow: hidden;
     }