diff --git a/frontend/src/views/chart/components/component-style/TitleSelector.vue b/frontend/src/views/chart/components/component-style/TitleSelector.vue
index 4da0873d01..33b03421ee 100644
--- a/frontend/src/views/chart/components/component-style/TitleSelector.vue
+++ b/frontend/src/views/chart/components/component-style/TitleSelector.vue
@@ -19,6 +19,7 @@
                 :placeholder="$t('chart.title')"
                 clearable
                 @blur="changeTitleStyle"
+                @input="inputOnInput($event)"
               />
             </el-form-item>
             <el-form-item :label="$t('chart.text_fontsize')" class="form-item">
@@ -124,6 +125,9 @@ export default {
         this.isSetting = false
       }
       this.$emit('onTextChange', this.titleForm)
+    },
+    inputOnInput: function(e) {
+      this.$forceUpdate()
     }
   }
 }
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index b58e414370..9a2f75a99e 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -202,6 +202,7 @@
         :show-close="false"
         width="70%"
         class="dialog-css"
+        :destroy-on-close="true"
       >
         <el-row style="width: 400px;">
           <el-form ref="form" :model="table" label-width="80px" size="mini" class="form-item">
@@ -544,6 +545,7 @@ export default {
 
     selectTable() {
       this.selectTableFlag = true
+      this.chartName = this.$t('chart.chartName')
     },
 
     closeCreateChart() {