fix: 全屏预览模式下视图标题的备注无法显示 #6207

core/frontend/src/views/chart/components/ChartComponentG2.vue

@@ -15,6 +15,7 @@
       v-if="chart.type && antVRenderStatus"
       v-show="title_show"
       ref="title"
+      :class="titleIsRight"
       :style="title_class"
       style="cursor: default;display: block;"
     >
@@ -135,6 +136,9 @@ export default {
     trackBarStyleTime() {
       return this.trackBarStyle
     },
+    titleIsRight() {
+      return this.title_class?.textAlign === 'right' && 'title-is-right'
+    },
     bg_class() {
       return {
         borderRadius: this.borderRadius
@@ -477,4 +481,12 @@ export default {
     position: fixed !important;
   }
 }
+
+.fullscreen {
+  .g2-container {
+    ::v-deep .g2-tooltip {
+      position: absolute !important;
+    }
+  }
+}
 </style>

core/frontend/src/views/chart/components/ChartComponentS2.vue

@@ -14,6 +14,7 @@
     <span
       v-if="chart.type"
       v-show="title_show"
+      :class="titleIsRight"
       ref="title"
       :style="title_class"
       style="cursor: default;display: block;"
@@ -184,6 +185,9 @@ export default {
   },
 
   computed: {
+    titleIsRight() {
+      return this.title_class?.textAlign === 'right' && 'title-is-right'
+    },
     scale() {
       return this.previewCanvasScale.scalePointWidth
     },

core/frontend/src/views/chart/view/TitleRemark.vue

@@ -81,4 +81,7 @@ export default {
   top: 22px !important;
   left: auto !important;
 }
+.title-is-right .el-popover.remark-pop {
+  right: 0;
+}
 </style>