diff --git a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
index 704c5013a0..ab9111f184 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/DePreview.vue
@@ -28,6 +28,7 @@ const openHandler = ref(null)
 const customDatasetParamsRef = ref(null)
 const emits = defineEmits(['onResetLayout'])
 const fullScreeRef = ref(null)
+const isOverSize = ref(false)
 const isDesktopFlag = isDesktop()
 const props = defineProps({
   canvasStyleData: {
@@ -286,6 +287,10 @@ const resetLayout = () => {
       }
       renderReady.value = true
       emits('onResetLayout')
+      isOverSize.value = false
+      if (previewCanvas.value?.clientHeight - previewCanvas.value?.parentNode?.clientHeight > 0) {
+        isOverSize.value = true
+      }
     }
   })
 }
@@ -464,6 +469,7 @@ const linkOptBarShow = computed(() => {
 const downloadAsPDF = () => {
   // test
 }
+
 defineExpose({
   restore
 })
@@ -480,7 +486,7 @@ defineExpose({
     v-if="state.initState"
   >
     <!--弹框触发区域-->
-    <canvas-filter-btn v-if="filterBtnShow"></canvas-filter-btn>
+    <canvas-filter-btn :is-fixed="isOverSize" v-if="filterBtnShow"></canvas-filter-btn>
     <!-- 弹框区域 -->
     <PopArea
       v-if="popAreaAvailable"
diff --git a/core/core-frontend/src/custom-component/canvas-filter-btn/Component.vue b/core/core-frontend/src/custom-component/canvas-filter-btn/Component.vue
index edc33a5635..c79d3e8bc3 100644
--- a/core/core-frontend/src/custom-component/canvas-filter-btn/Component.vue
+++ b/core/core-frontend/src/custom-component/canvas-filter-btn/Component.vue
@@ -1,7 +1,12 @@
 <!-- IconSlider.vue -->
 <template>
   <el-tooltip offset="22" effect="dark" placement="left" :content="t('visualization.query')">
-    <div class="canvas-filter" @mousedown.stop @mousedup.stop>
+    <div
+      class="canvas-filter"
+      :class="{ 'filter-btn-fix': isFixed }"
+      @mousedown.stop
+      @mousedup.stop
+    >
       <div class="icon-slider" @mouseenter="slideOut" @mouseleave="slideBack">
         <div
           class="icon-container"
@@ -28,6 +33,12 @@ const slideDistance = ref(14) // 滑动距离
 const { canvasState } = storeToRefs(dvMainStore)
 const { t } = useI18n()
 
+defineProps({
+  isFixed: {
+    type: Boolean,
+    default: false
+  }
+})
 const filterActive = computed(() => canvasState.value.curPointArea === 'hidden')
 const slideOut = () => {
   offset.value = -slideDistance.value
@@ -82,4 +93,8 @@ img {
   max-width: 100%;
   max-height: 100%;
 }
+
+.filter-btn-fix {
+  position: fixed !important;
+}
 </style>