diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 7e5cb6c784..4af2b06de1 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -205,6 +205,10 @@ const curScale = computed(() => {
   return canvasStyleData.value.scale / 100
 })
 
+const curBaseScale = computed(() => {
+  return dvMainStore.canvasStyleData.scale / 100
+})
+
 const pointShadowShow = computed(() => {
   return (
     canvasId.value === 'canvas-main' &&
@@ -1314,7 +1318,7 @@ defineExpose({
         :id="'component' + item.id"
         :active="item.id === curComponentId"
         :dv-type="dvInfo.type"
-        :scale="curScale"
+        :scale="curBaseScale"
         :style="getComponentStyle(item.style)"
         :prop-value="item.propValue"
         :is-edit="true"
diff --git a/core/core-frontend/src/views/common/DeResourceTree.vue b/core/core-frontend/src/views/common/DeResourceTree.vue
index 46094551b0..5a097f6885 100644
--- a/core/core-frontend/src/views/common/DeResourceTree.vue
+++ b/core/core-frontend/src/views/common/DeResourceTree.vue
@@ -232,7 +232,7 @@ const operation = (cmd: string, data: BusiTreeNode, nodeType: string) => {
     })
   } else if (cmd === 'edit') {
     resourceEdit(data.id)
-  } else {
+  } else if (cmd === 'copy') {
     const targetPid = findParentIdByChildIdRecursive(state.resourceTree, data.id)
     const params: ResourceOrFolder = {
       nodeType: nodeType as 'folder' | 'leaf',
@@ -248,6 +248,8 @@ const operation = (cmd: string, data: BusiTreeNode, nodeType: string) => {
           : `#/dashboard?opt=copy&pid=${params.pid}&resourceId=${data.data}`
       window.open(baseUrl, '_blank')
     })
+  } else {
+    resourceGroupOpt.value.optInit(nodeType, data, cmd, ['copy'].includes(cmd))
   }
 }
 
diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 545893cd68..69cc98bd5e 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -109,7 +109,7 @@ const handleDrop = e => {
     component.style.left = e.clientX - rectInfo.x
     component.id = guid()
     changeComponentSizeWithScale(component)
-    dvMainStore.addComponent({ component: component, index: 0 })
+    dvMainStore.addComponent({ component: component, index: undefined })
     adaptCurThemeCommonStyle(component)
     snapshotStore.recordSnapshotCache('renderChart', component.id)
   }