diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index a036a0bfef..4c60c55fce 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -228,7 +228,17 @@ const queryDataForId = id => {
           requiredName = next.name
         }
 
-        if (
+        if (next.displayType === '8') {
+          const { conditionValueF, conditionValueS, conditionType } = next
+          if (conditionType === 0) {
+            requiredName = conditionValueF === '' ? next.name : ''
+          } else {
+            requiredName = [conditionValueF || '', conditionValueS || ''].filter(ele => ele !== '')
+              .length
+              ? next.name
+              : ''
+          }
+        } else if (
           (Array.isArray(next.selectValue) && !next.selectValue.length) ||
           (next.selectValue !== 0 && !next.selectValue)
         ) {
@@ -258,6 +268,13 @@ const getQueryConditionWidth = () => {
 const getCascadeList = () => {
   return props.element.cascade
 }
+
+const isConfirmSearch = id => {
+  if (componentWithSure.value) return
+  queryDataForId(id)
+}
+
+provide('is-confirm-search', isConfirmSearch)
 provide('unmount-select', unMountSelect)
 provide('release-unmount-select', releaseSelect)
 provide('query-data-for-id', queryDataForId)
@@ -415,6 +432,22 @@ const listVisible = computed(() => {
   return list.value.filter(itx => itx.visible)
 })
 
+const componentWithSure = computed(() => {
+  return customStyle.btnList.includes('sure')
+})
+
+watch(
+  () => componentWithSure.value,
+  (val, oldVal) => {
+    if (!val && oldVal) {
+      queryData()
+    }
+  },
+  {
+    immediate: false
+  }
+)
+
 const queryData = () => {
   let requiredName = ''
   const emitterList = (element.value.propValue || []).reduce((pre, next) => {
@@ -574,7 +607,7 @@ const autoStyle = computed(() => {
             @click.stop="queryData"
             style="margin-right: 7px"
             :style="btnStyle"
-            v-if="customStyle.btnList.includes('sure')"
+            v-if="componentWithSure"
             type="primary"
           >
             {{ t('commons.adv_search.search') }}
diff --git a/core/core-frontend/src/custom-component/v-query/Select.vue b/core/core-frontend/src/custom-component/v-query/Select.vue
index f0728dfaf8..34052b285f 100644
--- a/core/core-frontend/src/custom-component/v-query/Select.vue
+++ b/core/core-frontend/src/custom-component/v-query/Select.vue
@@ -75,6 +75,7 @@ const options = shallowRef([])
 const unMountSelect: Ref = inject('unmount-select')
 const releaseSelect = inject('release-unmount-select', Function, true)
 const queryDataForId = inject('query-data-for-id', Function, true)
+const isConfirmSearch = inject('is-confirm-search', Function, true)
 const queryConditionWidth = inject('com-width', Function, true)
 const cascadeList = inject('cascade-list', Function, true)
 const setCascadeDefault = inject('set-cascade-default', Function, true)
@@ -198,6 +199,9 @@ const handleValueChange = () => {
     )
     setCascadeValueBack(config.value.mapValue)
     emitCascade()
+    nextTick(() => {
+      isConfirmSearch(config.value.id)
+    })
     return
   }
 
diff --git a/core/core-frontend/src/custom-component/v-query/TextSearch.vue b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
index fc21e05582..3f448c0d22 100644
--- a/core/core-frontend/src/custom-component/v-query/TextSearch.vue
+++ b/core/core-frontend/src/custom-component/v-query/TextSearch.vue
@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import { toRefs, onBeforeMount, type PropType, inject, computed } from 'vue'
+import { toRefs, onBeforeMount, type PropType, inject, computed, nextTick } from 'vue'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 interface SelectConfig {
+  id: string
   conditionValueOperatorF: string
   conditionValueF: string
   conditionValueOperatorS: string
@@ -31,6 +32,7 @@ const props = defineProps({
     type: Object as PropType<SelectConfig>,
     default: () => {
       return {
+        id: '',
         conditionType: 0,
         conditionValueOperatorF: 'eq',
         conditionValueF: '',
@@ -42,6 +44,10 @@ const props = defineProps({
         defaultConditionValueS: ''
       }
     }
+  },
+  isConfig: {
+    type: Boolean,
+    default: false
   }
 })
 const { config } = toRefs(props)
@@ -62,10 +68,18 @@ onBeforeMount(() => {
 })
 const queryConditionWidth = inject('com-width', Function, true)
 const customStyle = inject<{ background: string }>('$custom-style-filter')
+const isConfirmSearch = inject('is-confirm-search', Function, true)
 const selectStyle = computed(() => {
   return { width: queryConditionWidth() + 'px' }
 })
-
+const handleValueChange = () => {
+  if (!props.isConfig) {
+    nextTick(() => {
+      isConfirmSearch(config.value.id)
+    })
+    return
+  }
+}
 const lineWidth = computed(() => {
   return { width: queryConditionWidth() - 15 + 'px' }
 })
@@ -76,6 +90,7 @@ const lineWidth = computed(() => {
     <div class="condition-type">
       <el-select
         class="condition-value-select"
+        @change="handleValueChange"
         :effect="dvInfo.type === 'dataV' ? 'dark' : ''"
         popper-class="condition-value-select-popper"
         v-model="config.conditionValueOperatorF"
@@ -85,6 +100,7 @@ const lineWidth = computed(() => {
       </el-select>
       <el-input
         :style="selectStyle"
+        @blur="handleValueChange"
         class="condition-value-input"
         v-model="config.conditionValueF"
       />
@@ -94,6 +110,7 @@ const lineWidth = computed(() => {
       <sapn class="condition-type-tip">{{ config.conditionType === 1 ? '与' : '或' }}</sapn>
       <el-select
         class="condition-value-select"
+        @change="handleValueChange"
         :effect="dvInfo.type === 'dataV' ? 'dark' : ''"
         popper-class="condition-value-select-popper"
         v-model="config.conditionValueOperatorS"
@@ -103,6 +120,7 @@ const lineWidth = computed(() => {
       </el-select>
       <el-input
         :style="selectStyle"
+        @blur="handleValueChange"
         class="condition-value-input"
         v-model="config.conditionValueS"
       />
diff --git a/core/core-frontend/src/custom-component/v-query/Time.vue b/core/core-frontend/src/custom-component/v-query/Time.vue
index b494f25c0b..edf53d79e3 100644
--- a/core/core-frontend/src/custom-component/v-query/Time.vue
+++ b/core/core-frontend/src/custom-component/v-query/Time.vue
@@ -130,6 +130,9 @@ const handleValueChange = () => {
     config.value.selectValue = Array.isArray(selectValue.value)
       ? [...selectValue.value]
       : selectValue.value
+    nextTick(() => {
+      isConfirmSearch(config.value.id)
+    })
     return
   }
   config.value.defaultValue = new Date(value).toLocaleString()
@@ -149,6 +152,7 @@ const init = () => {
 }
 
 const queryConditionWidth = inject('com-width', Function, true)
+const isConfirmSearch = inject('is-confirm-search', Function, true)
 const selectStyle = computed(() => {
   return props.isConfig
     ? {}
diff --git a/core/core-frontend/src/custom-component/v-query/Tree.vue b/core/core-frontend/src/custom-component/v-query/Tree.vue
index 79d255a21a..20768f02a6 100644
--- a/core/core-frontend/src/custom-component/v-query/Tree.vue
+++ b/core/core-frontend/src/custom-component/v-query/Tree.vue
@@ -63,6 +63,9 @@ const handleValueChange = () => {
     config.value.selectValue = Array.isArray(treeValue.value)
       ? [...treeValue.value]
       : treeValue.value
+    nextTick(() => {
+      isConfirmSearch(config.value.id)
+    })
     return
   }
   config.value.defaultValue = value
@@ -114,6 +117,7 @@ watch(
 )
 const showOrHide = ref(true)
 const queryConditionWidth = inject('com-width', Function, true)
+const isConfirmSearch = inject('is-confirm-search', Function, true)
 watch(
   () => config.value.id,
   () => {
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 de898d59a2..3879640f56 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
@@ -281,7 +281,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
                   />
                 </el-select>
               </el-tooltip>
-              <el-tooltip effect="dark" placement="bottom">
+              <el-tooltip :effect="toolTip" placement="bottom">
                 <template #content>
                   {{ t('chart.bolder') }}
                 </template>
@@ -300,7 +300,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
                 </div>
               </el-tooltip>
 
-              <el-tooltip effect="dark" placement="bottom">
+              <el-tooltip :effect="toolTip" placement="bottom">
                 <template #content>
                   {{ t('chart.italic') }}
                 </template>
@@ -343,9 +343,19 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
               :class="'form-item-' + themes"
             >
               <el-checkbox-group :effect="themes" v-model="chart.customStyle.component.btnList">
-                <el-checkbox :effect="themes" size="small" disabled label="sure">
+                <el-checkbox class="checkbox-with_icon" :effect="themes" size="small" label="sure">
                   {{ t('commons.adv_search.search') }}
+                  <el-tooltip
+                    :effect="toolTip"
+                    content="如果展示查询按钮，需要点击该按钮后才能触发图表查询；如果不展示查询按钮，选择完查询条件后立即触发图表查询"
+                    placement="top"
+                  >
+                    <el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
+                      <Icon name="icon_info_outlined" />
+                    </el-icon>
+                  </el-tooltip>
                 </el-checkbox>
+
                 <el-checkbox :effect="themes" size="small" label="clear">
                   {{ t('commons.clear') }}
                 </el-checkbox>
@@ -389,7 +399,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
                   />
                 </el-select>
               </el-tooltip>
-              <el-tooltip effect="dark" placement="bottom">
+              <el-tooltip :effect="toolTip" placement="bottom">
                 <template #content>
                   {{ t('chart.bolder') }}
                 </template>
@@ -408,7 +418,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
                 </div>
               </el-tooltip>
 
-              <el-tooltip effect="dark" placement="bottom">
+              <el-tooltip :effect="toolTip" placement="bottom">
                 <template #content>
                   {{ t('chart.italic') }}
                 </template>
@@ -455,6 +465,27 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
   &.no-margin-bottom {
     margin-bottom: 0 !important;
   }
+
+  .checkbox-with_icon {
+    :deep(.ed-checkbox__label) {
+      display: inline-flex;
+      align-items: center;
+
+      .ed-icon {
+        margin-left: 5px;
+      }
+    }
+  }
+
+  .hint-icon {
+    cursor: pointer;
+    font-size: 14px;
+    color: #646a73;
+
+    &.hint-icon--dark {
+      color: #a6a6a6;
+    }
+  }
 }
 .m-divider {
   border-color: rgba(31, 35, 41, 0.15);