diff --git a/frontend/src/api/chart/chart.js b/frontend/src/api/chart/chart.js
index ef96c7f3e5..607f23eb21 100644
--- a/frontend/src/api/chart/chart.js
+++ b/frontend/src/api/chart/chart.js
@@ -2,11 +2,11 @@ import request from '@/utils/request'
 import store from '@/store'
 import { queryPanelComponents } from '@/api/panel/panel'
 
-export function post(url, data) {
+export function post(url, data, loading = false) {
   return request({
     url: url,
     method: 'post',
-    loading: false,
+    loading: loading,
     data
   })
 }
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index 688f711a6a..532a71277a 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -765,7 +765,6 @@ export default {
         xAxis: DEFAULT_XAXIS_STYLE,
         yAxis: DEFAULT_YAXIS_STYLE,
         yAxisExt: DEFAULT_YAXIS_EXT_STYLE,
-        background: DEFAULT_BACKGROUND_COLOR,
         split: DEFAULT_SPLIT
       })
       view.senior = JSON.stringify({
@@ -784,7 +783,7 @@ export default {
       view.extBubble = JSON.stringify([])
       this.setChartDefaultOptions(view)
       const _this = this
-      post('/chart/view/newOne/' + this.panelInfo.id, view).then(response => {
+      post('/chart/view/newOne/' + this.panelInfo.id, view,true).then(response => {
         this.closeCreateChart()
         this.$store.dispatch('chart/setTableId', null)
         this.$store.dispatch('chart/setTableId', this.table.id)
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 084774f873..2d8b81a76c 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -877,7 +877,7 @@
                       @onLegendChange="onLegendChange"
                     />
                   </el-collapse-item>
-                  <el-collapse-item name="background" :title="$t('chart.background')">
+                  <el-collapse-item v-if="chart.customStyle.background" name="background" :title="$t('chart.background')">
                     <background-color-selector
                       :param="param"
                       class="attr-selector"
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index 8c378cf307..52a2507a63 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -1006,6 +1006,8 @@ export default {
         component.y = 1
       }
       component.id = newComponentId
+      // 统一设置背景信息
+      component.commonBackground = deepCopy(COMMON_BACKGROUND)
       this.$store.commit('addComponent', { component })
       this.$store.commit('recordSnapshot', 'newViewInfo')
       this.clearCurrentInfo()