diff --git a/core/core-frontend/src/views/chart/components/views/index.vue b/core/core-frontend/src/views/chart/components/views/index.vue
index 260414b94e..79c8473331 100644
--- a/core/core-frontend/src/views/chart/components/views/index.vue
+++ b/core/core-frontend/src/views/chart/components/views/index.vue
@@ -595,7 +595,7 @@ const iconSize = computed<string>(() => {
 </script>
 
 <template>
-  <div class="chart-area" v-loading="loadingFlag">
+  <div class="chart-area" v-loading="loadingFlag" element-loading-background="rgba(0,0,0,0)">
     <div
       class="title-container"
       :style="{ 'justify-content': titleAlign, 'margin-bottom': marginBottom }"