diff --git a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
index c6389ab09f..88deee27ac 100644
--- a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
+++ b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
@@ -20,11 +20,13 @@
       />
     </div>
   </el-dialog>
+  <XpackComponent ref="xpackIframe" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvSWZyYW1lU2VsZg==" />
 </template>
 
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
-
+import { computed, reactive, ref } from 'vue'
+import { useEmbedded } from '@/store/modules/embedded'
+import { XpackComponent } from '@/components/plugin'
 const state = reactive({
   dialogShow: false,
   name: '',
@@ -33,7 +35,8 @@ const state = reactive({
   width: '70vw',
   height: '70%'
 })
-
+const xpackIframe = ref()
+const embeddedStore = useEmbedded()
 const dialogStyle = computed(() => {
   if (state.fullscreen) {
     return {}
@@ -60,6 +63,15 @@ const previewInit = params => {
     state.height = '65%'
   }
   state.dialogShow = true
+  if (embeddedStore.getToken && state.url.includes('#/preview?dvId=')) {
+    if (xpackIframe?.value) {
+      const pm = {
+        methodName: 'iframeInit',
+        args: null
+      }
+      xpackIframe.value.invokeMethod(pm)
+    }
+  }
 }
 
 defineExpose({
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index e85f462d37..408507d5b8 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -165,7 +165,9 @@ watch(
 )
 
 let p = null
+let p1 = null
 const XpackLoaded = () => p(true)
+const initIframe = () => p1(true)
 onMounted(async () => {
   useEmitt({
     name: 'canvasDownload',
@@ -174,6 +176,7 @@ onMounted(async () => {
     }
   })
   await new Promise(r => (p = r))
+  await new Promise(r => (p1 = r))
   const dvId = embeddedStore.dvId || router.currentRoute.value.query.dvId
   // 检查外部参数
   const ignoreParams = router.currentRoute.value.query.ignoreParams === 'true'
@@ -232,6 +235,12 @@ defineExpose({
     @loaded="XpackLoaded"
     @load-fail="XpackLoaded"
   />
+
+  <XpackComponent
+    jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvRW50cmFuY2Vz"
+    @init-iframe="initIframe"
+    @load-fail="initIframe"
+  />
 </template>
 
 <style lang="less" scoped>