diff --git a/nezha-fronted/src/assets/css/components/common/login.scss b/nezha-fronted/src/assets/css/components/common/login.scss
index d915a9f64..b23296136 100644
--- a/nezha-fronted/src/assets/css/components/common/login.scss
+++ b/nezha-fronted/src/assets/css/components/common/login.scss
@@ -84,6 +84,9 @@
     cursor: pointer;
     font-size: 14px;
     transition: all linear .2s;
+    .my-loading-box .my-loading {
+      margin-top: -10px;
+    }
   }
   .login-btn:not(.nz-btn-disabled):hover {
     background-color: mix(white, #FA901C, 30%);
diff --git a/nezha-fronted/src/components/chart/chart.vue b/nezha-fronted/src/components/chart/chart.vue
index 1f0476ec1..5dbff1981 100644
--- a/nezha-fronted/src/components/chart/chart.vue
+++ b/nezha-fronted/src/components/chart/chart.vue
@@ -1,6 +1,6 @@
 <template>
   <div :style="showHeader&&chartInfo.param.showHeader ? '' : 'padding-top: 15px;'" class="nz-chart" :class="showHeader&&chartInfo.param.showHeader ? '' : 'no-header'" >
-<!--    <loading :loading="loading"></loading>-->
+    <loading :loading="loading"></loading>
     <chart-no-data v-if="isNoData || isError || chartChildrenData"></chart-no-data>
     <template v-else>
       <chart-time-series
diff --git a/nezha-fronted/src/components/common/loading.vue b/nezha-fronted/src/components/common/loading.vue
index 720463e0c..d92d832a4 100644
--- a/nezha-fronted/src/components/common/loading.vue
+++ b/nezha-fronted/src/components/common/loading.vue
@@ -1,6 +1,11 @@
 <template>
-  <div v-show="showLoading" class="el-loading-mask">
-    <div class="el-loading-spinner">
+  <div v-show="showLoading" style="text-align: center" class="my-loading-box">
+    <div class="bars1 my-loading">
+      <span></span>
+      <span></span>
+      <span></span>
+      <span></span>
+      <span></span>
     </div>
   </div>
 </template>