Forráskód Böngészése

fix: TLK数据页面图表层级问题修复

zhenji 1 év óta
szülő
commit
3d695e894e

+ 7 - 1
src/pages/tlk/component/oneSendView.jsx

@@ -72,10 +72,16 @@ class OneSendView extends Component {
72 72
 
73 73
         tooltip: {
74 74
           trigger: 'axis',
75
+          position: (point) => { // 自定义 tooltip 的位置
76
+            return {
77
+              left: point[0] + 20, // 距离左侧的距离:当前 tooltip 的 left 位置 + 20
78
+              top: point[1] - 90 // 距离顶部的距离:当前 tooltip 的 top 位置 - 90
79
+            };
80
+          },
75 81
           axisPointer: {
76 82
             type: 'shadow'
77 83
           },
78
-          borderColor:"rgba(105, 255, 222, 0.5)",
84
+          borderColor:"rgba(105, 255, 222, 0.9)",
79 85
           borderWidth:2,
80 86
           padding:5, 
81 87
           textStyle:{

+ 1 - 1
src/pages/tlk/component/rightBottomView.jsx

@@ -57,7 +57,7 @@ class RightBottomView extends Component {
57 57
         tooltip: {
58 58
           trigger: 'axis',
59 59
           axisPointer: { type: 'shadow' },
60
-          borderColor: "rgba(105, 255, 222, 0.5)",
60
+          borderColor: "rgba(105, 255, 222, 0.9)",
61 61
           borderWidth: 2,
62 62
           padding: 5,
63 63
           className: 'dyLeft',

+ 2 - 1
src/pages/tlk/style.less

@@ -31,6 +31,7 @@
31 31
       top: 0;
32 32
       height: 100%;
33 33
       color: #fff;
34
+      z-index: 1;
34 35
       li {
35 36
         position: absolute;
36 37
         width: 24em;
@@ -107,7 +108,7 @@
107 108
     }
108 109
     .centerCon .bottomContent3{
109 110
       height: 27%;
110
-      z-index: 999;
111
+      z-index: 9;
111 112
     }
112 113
     .centerCon .right_li{
113 114
       margin-top: -27px;