Merge pull request dataease#5399 from dataease/pr@dev@fix_chart_toolt…

…ip_covered fix(视图-提示): 修复提示框被遮挡
kgbj · Jun 2, 2023 · 9e4abc0 · 9e4abc0
2 parents 6280514 + ba27d96
commit 9e4abc0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/frontend/src/components/canvas/components/editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
@@ -345,6 +345,9 @@ export default {
 .component {
   position: absolute;
 }
+.component-outer {
+  transform: translate(0);
+}
 .component-outer:hover {
   box-shadow: 0px 0px 3px #0a7be0;
 }

diff --git a/frontend/src/views/chart/components/ChartComponentG2.vue b/frontend/src/views/chart/components/ChartComponentG2.vue
@@ -33,6 +33,7 @@
     <div
       :id="chartId"
       style="width: 100%;overflow: hidden;"
+      class="g2-container"
       :style="{height:chartHeight}"
     />
   </div>
@@ -437,3 +438,10 @@ export default {
   }
 }
 </script>
+<style lang="less" scoped>
+.g2-container {
+  ::v-deep .g2-tooltip {
+    position: fixed !important;
+  }
+}
+</style>