diff --git a/src/components/Charts/ChartCard/index.js b/src/components/Charts/ChartCard/index.js
index a4726827..db2c4623 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 bdc573b1..02a1d7ec 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 52f97c4c..43cfc8bf 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;
     }