diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index 2ab95177f8..415366efd3 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -155,6 +155,7 @@ const backHandler = (url: string) => {
     openHandler.value.invokeMethod(pm)
     return
   }
+  dvMainStore.canvasStateChange({ key: 'curPointArea', value: 'base' })
   wsCache.delete('DE-DV-CATCH-' + dvInfo.value.id)
   window.open(url, '_self')
 }
@@ -191,6 +192,11 @@ const openOuterParamsSet = () => {
 const multiplexingCanvasOpen = () => {
   multiplexingRef.value.dialogInit('dataV')
 }
+
+const fullScreenPreview = () => {
+  dvMainStore.canvasStateChange({ key: 'curPointArea', value: 'base' })
+  fullScreeRef.value.toggleFullscreen()
+}
 </script>
 
 <template>
@@ -305,12 +311,7 @@ const multiplexingCanvasOpen = () => {
         >
           编辑
         </el-button>
-        <el-button
-          v-else
-          class="preview-button"
-          @click="() => fullScreeRef.toggleFullscreen()"
-          style="float: right"
-        >
+        <el-button v-else class="preview-button" @click="fullScreenPreview" style="float: right">
           预览
         </el-button>
         <el-button
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
index 02ea31c26c..e1f2d08b9d 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
@@ -214,6 +214,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
               <el-input-number
                 v-model="chart.customStyle.component.queryConditionWidth"
                 :min="0"
+                :effect="themes"
                 controls-position="right"
               />
             </el-form-item>
@@ -226,6 +227,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
               <el-input-number
                 v-model="chart.customStyle.component.queryConditionSpacing"
                 :min="0"
+                :effect="themes"
                 controls-position="right"
               />
             </el-form-item>
@@ -249,8 +251,8 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
               :class="'form-item-' + themes"
             >
               <el-radio-group :effect="themes" v-model="chart.customStyle.component.layout">
-                <el-radio label="vertical"> 上侧 </el-radio>
-                <el-radio label="horizontal"> 左侧 </el-radio>
+                <el-radio label="vertical" :effect="themes"> 上侧 </el-radio>
+                <el-radio label="horizontal" :effect="themes"> 左侧 </el-radio>
               </el-radio-group>
             </el-form-item>
             <el-form-item