diff --git a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
index 53f166b252..a6a7ba7096 100644
--- a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
+++ b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
@@ -2,7 +2,7 @@
   <div
     :style="getOutStyleDefault(config.style)"
     class="component component-outer"
-    :class="{'component-active': filterActive}"
+    :class="{'component-active': filterActive, 'user-view': config.component === 'user-view'}"
     @click="handleClick"
     @mousedown="elementMouseDown"
   >
@@ -405,4 +405,7 @@ export default {
     z-index: 0;
   }
 }
+.user-view {
+  transform: translate(0);
+}
 </style>
diff --git a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
index d57c19d86c..d98f624c09 100644
--- a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
+++ b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
@@ -33,7 +33,7 @@
           />
           <chart-component-g2
             v-else-if="!chart.type.includes('text') && chart.type !== 'label' && !chart.type.includes('table') && renderComponent() === 'antv'"
-            class="chart-class"
+            class="chart-class show-in-dialog"
             :chart="chart"
           />
           <chart-component-s2
diff --git a/core/frontend/src/lang/en.js b/core/frontend/src/lang/en.js
index 4b208918b7..617806473a 100644
--- a/core/frontend/src/lang/en.js
+++ b/core/frontend/src/lang/en.js
@@ -1240,6 +1240,7 @@ export default {
     center: 'Center',
     split: 'Axis',
     axis_line: 'Axis Line',
+    axis: 'Axis',
     axis_label: 'Axis Label',
     label_fontsize: 'Label Fontsize',
     split_line: 'Split Line',
diff --git a/core/frontend/src/lang/tw.js b/core/frontend/src/lang/tw.js
index bb75996101..d5deca71ac 100644
--- a/core/frontend/src/lang/tw.js
+++ b/core/frontend/src/lang/tw.js
@@ -1238,6 +1238,7 @@ export default {
     center: '中心',
     split: '軸線',
     axis_line: '軸線',
+    axis: '坐標軸',
     axis_label: '軸標簽',
     label_fontsize: '標簽大小',
     split_line: '分割線',
diff --git a/core/frontend/src/lang/zh.js b/core/frontend/src/lang/zh.js
index 8cfe69768d..b4db1cadf6 100644
--- a/core/frontend/src/lang/zh.js
+++ b/core/frontend/src/lang/zh.js
@@ -1238,6 +1238,7 @@ export default {
     center: '中心',
     split: '轴线',
     axis_line: '轴线',
+    axis: '坐标轴',
     axis_label: '轴标签',
     label_fontsize: '标签大小',
     split_line: '分割线',
diff --git a/core/frontend/src/views/chart/components/ChartComponentG2.vue b/core/frontend/src/views/chart/components/ChartComponentG2.vue
index 91d200ec47..76a1802a76 100644
--- a/core/frontend/src/views/chart/components/ChartComponentG2.vue
+++ b/core/frontend/src/views/chart/components/ChartComponentG2.vue
@@ -482,7 +482,7 @@ export default {
   }
 }
 
-.fullscreen {
+.fullscreen, .show-in-dialog {
   .g2-container {
     ::v-deep .g2-tooltip {
       position: absolute !important;
diff --git a/core/frontend/src/views/chart/view/ChartStyle.vue b/core/frontend/src/views/chart/view/ChartStyle.vue
index 0f05977839..696b1f4580 100644
--- a/core/frontend/src/views/chart/view/ChartStyle.vue
+++ b/core/frontend/src/views/chart/view/ChartStyle.vue
@@ -218,7 +218,7 @@
           <el-collapse-item
             v-show="showPropertiesCollapse(['split-selector', 'split-selector-ant-v'])"
             name="split"
-            :title="$t('chart.axis_line')"
+            :title="$t('chart.axis')"
           >
             <split-selector
               v-if="showProperties('split-selector')"