chore: 图表tooltip样式统一

app/src/components/Monitor3D.vue

@@ -374,6 +374,12 @@
 					}
 					return "";
 				},
+				extraCssText: "z-index: 1000;",
+				backgroundColor: "#02809a",
+				borderColor: "rgba(0,213,255, .6)",
+				textStyle: {
+					color: "#fff",
+				},
 			},
 			xAxis3D: {
 				min: -1,
@@ -467,4 +473,4 @@
 		position: relative;
 		z-index: 1;
 	}
-</style>
+</style>

app/src/components/unit3D.vue

@@ -344,6 +344,12 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
         return "";
       },
+      extraCssText: "z-index: 1000;",
+      backgroundColor: "#02809a",
+      borderColor: "rgba(0,213,255, .6)",
+      textStyle: {
+        color: "#fff",
+      },
     },
     title: [
       {

app/src/views/Basic/components/ChronologicDistributionStatistics.vue

@@ -58,10 +58,12 @@ export default {
               value[0].data[1]
             }</span> 栋<span>`;
           },
-          backgroundColor: "rgba(0,224,255,0.46)",
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
           borderColor: "rgba(0,213,255, .6)",
-          extraCssText: "z-index: 1000px;",
-          confine: true,
+          textStyle: {
+            color: "#fff",
+          },
         },
         grid: {
           right: "10px",

app/src/views/Basic/components/HeightDistribution.vue

@@ -62,7 +62,12 @@ export default {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          extraCssText: "z-index: 1000;"
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)",
+          textStyle: {
+            color: "#fff",
+          },
         },
         title: {
           top: "5%",

app/src/views/FireCondition/components/FireAddressType.vue

@@ -89,8 +89,12 @@ export default {
           },
           textStyle: {
             fontSize: 12,
+            color: "#fff",
           },
           formatter: "{c} <br/>{b}",
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)"
         },
         legend: {
           show: true,

app/src/views/FireCondition/components/FireIndex/Chart.vue

@@ -51,11 +51,13 @@ export default {
               // 坐标轴指示器，坐标轴触发有效
               type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
             },
-            backgroundColor: "rgba(0,224,255,0.46)",
+            confine: true,
+            extraCssText: "z-index: 1000;",
+            backgroundColor: "#02809a",
             borderColor: "rgba(0,213,255, .6)",
             textStyle: {
-              color: '#fff',
-            }
+              color: "#fff",
+            },
           },
         xAxis: {
           type: 'category',

app/src/views/FireCondition/components/FireReason.vue

@@ -62,8 +62,12 @@ export default {
           },
           textStyle: {
             fontSize: 12,
+            color: "#fff",
           },
-          formatter: "{c} <br/>{b}",
+          confine: true,
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)",
         },
         legend: {
           show: true,
@@ -147,6 +151,13 @@ export default {
             },
             tooltip: {
               show: false,
+              confine: true,
+              extraCssText: "z-index: 1000;",
+              backgroundColor: "#02809a",
+              borderColor: "rgba(0,213,255, .6)",
+              textStyle: {
+                color: "#fff",
+              },
             },
             data: this.data.map((item) => ({
               ...item,
@@ -171,6 +182,13 @@ export default {
             },
             tooltip: {
               show: false,
+              confine: true,
+              extraCssText: "z-index: 1000;",
+              backgroundColor: "#02809a",
+              borderColor: "rgba(0,213,255, .6)",
+              textStyle: {
+                color: "#fff",
+              },
             },
             data: this.data.map((item) => ({
               ...item,
@@ -196,6 +214,13 @@ export default {
             },
             tooltip: {
               show: false,
+              confine: true,
+              extraCssText: "z-index: 1000;",
+              backgroundColor: "#02809a",
+              borderColor: "rgba(0,213,255, .6)",
+              textStyle: {
+                color: "#fff",
+              },
             },
             data: this.data.map((item) => ({
               ...item,

app/src/views/FireCondition/components/FireTime.vue

@@ -195,10 +195,10 @@ export default {
           position: function (pt) {
             return [pt[0], "30%"];
           },
-          backgroundColor: "rgba(0,224,255,0.46)",
-          borderColor: "rgba(0,213,255, .6)",
-          extraCssText: "z-index: 1000;",
           confine: true,
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)",
           textStyle: {
             color: "#fff",
           },

app/src/views/FireCondition/components/KeyIndex/KeyChart.vue

@@ -38,7 +38,9 @@ export default {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
           },
-          backgroundColor: "rgba(0,224,255,0.46)",
+          confine: true,
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
           borderColor: "rgba(0,213,255, .6)",
           textStyle: {
             color: "#fff",

app/src/views/Home/components/AutonomousManagement/Maintenance3D.vue

@@ -320,11 +320,13 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
         return "";
       },
-      backgroundColor: "rgba(0,224,255,0.46)",
+      confine: true,
+      extraCssText: "z-index: 1000;",
+      backgroundColor: "#02809a",
       borderColor: "rgba(0,213,255, .6)",
       textStyle: {
-        color: '#fff',
-      }
+        color: "#fff",
+      },
     },
     xAxis3D: {
       min: -1,

app/src/views/Home/components/AutonomousManagement/Overhaul3D.vue

@@ -313,11 +313,13 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
         return "";
       },
-      backgroundColor: "rgba(0,224,255,0.46)",
+      confine: true,
+      extraCssText: "z-index: 1000;",
+      backgroundColor: "#02809a",
       borderColor: "rgba(0,213,255, .6)",
       textStyle: {
-        color: '#fff',
-      }
+        color: "#fff",
+      },
     },
     title: [
       {

app/src/views/Home/components/AutonomousManagement/PieChart3D.vue

@@ -324,11 +324,13 @@ function getPie3D(pieData, internalDiameterRatio) {
         }
         return "";
       },
-      backgroundColor: "rgba(0,224,255,0.46)",
+      confine: true,
+      extraCssText: "z-index: 1000;",
+      backgroundColor: "#02809a",
       borderColor: "rgba(0,213,255, .6)",
       textStyle: {
-        color: '#fff',
-      }
+        color: "#fff",
+      },
     },
     title: [
       {

app/src/views/Home/components/FireIndex/Chart.vue

@@ -51,11 +51,13 @@ export default {
               // 坐标轴指示器，坐标轴触发有效
               type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
             },
-            backgroundColor: "rgba(0,224,255,0.46)",
+            confine: true,
+            extraCssText: "z-index: 1000;",
+            backgroundColor: "#02809a",
             borderColor: "rgba(0,213,255, .6)",
             textStyle: {
-              color: '#fff',
-            }
+              color: "#fff",
+            },
           },
         xAxis: {
           type: 'category',

app/src/views/Home/components/FirstHight.vue

@@ -77,8 +77,9 @@ export default {
         // },
         tooltip: {
           show: true,
+          confine: true,
           extraCssText: "z-index: 1000;",
-          backgroundColor: "rgba(0,224,255,0.46)",
+          backgroundColor: "#02809a",
           borderColor: "rgba(0,213,255, .6)",
           textStyle: {
             color: "#fff",

app/src/views/Home/components/HiddenDangerDetection/HiddenDangerType.vue

@@ -117,9 +117,13 @@ export default {
           },
           textStyle: {
             fontSize: 12,
+            color: "#fff",
           },
           formatter: "{c} <br/>{b}",
-          extraCssText: "z-index: 1000;"
+          confine: true,
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)"
         },
         // legend: {
         //   show: true,
@@ -196,6 +200,14 @@ export default {
             },
             tooltip: {
               show: false,
+              formatter: "{c} <br/>{b}",
+              confine: true,
+              extraCssText: "z-index: 1000;",
+              backgroundColor: "#02809a",
+              borderColor: "rgba(0,213,255, .6)",
+              textStyle: {
+                color: "#fff",
+              },
             },
             data: data.map((item) => ({
               value: item.value,

app/src/views/Home/components/HiddenDangerDetection/RectificationChart.vue

@@ -58,9 +58,13 @@ export default {
           },
           textStyle: {
             fontSize: 12,
+                color: "#fff",
           },
           formatter: "{c} <br/>{b}",
-          extraCssText: "z-index: 1000;"
+          confine: true,
+          extraCssText: "z-index: 1000;",
+          backgroundColor: "#02809a",
+          borderColor: "rgba(0,213,255, .6)"
         },
         title: {
           formatter: "3276存在隐患数",
@@ -140,6 +144,10 @@ export default {
             },
             tooltip: {
               show: false,
+              confine: true,
+              extraCssText: "z-index: 1000;",
+              backgroundColor: "#02809a",
+              borderColor: "rgba(0,213,255, .6)"
             },
             data: data.map((item) => ({
               value: item.value,