diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index e8d4472..85af38a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -62,8 +62,9 @@
       </div>
       
     </div>
-        <div class="flex flex-justcontent-center"  v-if="AllData.allPK.length==0">
+        <div class="flex flex-justcontent-center"   v-if="AllData.allPK.length==0">
     暂无数据
+
   </div>
   </div>
 
@@ -330,6 +331,7 @@
   }
   :deep(.el-select .el-input__inner){
     color: #fff;
+    
   }
 
 }

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index e8d4472..85af38a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -62,8 +62,9 @@
       </div>
       
     </div>
-        <div class="flex flex-justcontent-center"  v-if="AllData.allPK.length==0">
+        <div class="flex flex-justcontent-center"   v-if="AllData.allPK.length==0">
     暂无数据
+
   </div>
   </div>
 
@@ -330,6 +331,7 @@
   }
   :deep(.el-select .el-input__inner){
     color: #fff;
+    
   }
 
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
index 72ceeac..4d9677a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
@@ -50,9 +50,19 @@
     tooltip: {
       trigger: "axis",
       // valueFormatter:(value) => Number(value).toFixed(2),
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
       axisPointer: {
         type: "shadow",
       },
+            textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: nowSize(14, 1920),
+
+      },
       formatter: function (params) {
       var res = params[0].name + '<br/>水质等级：';
       var texts = '';

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index e8d4472..85af38a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -62,8 +62,9 @@
       </div>
       
     </div>
-        <div class="flex flex-justcontent-center"  v-if="AllData.allPK.length==0">
+        <div class="flex flex-justcontent-center"   v-if="AllData.allPK.length==0">
     暂无数据
+
   </div>
   </div>
 
@@ -330,6 +331,7 @@
   }
   :deep(.el-select .el-input__inner){
     color: #fff;
+    
   }
 
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
index 72ceeac..4d9677a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
@@ -50,9 +50,19 @@
     tooltip: {
       trigger: "axis",
       // valueFormatter:(value) => Number(value).toFixed(2),
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
       axisPointer: {
         type: "shadow",
       },
+            textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: nowSize(14, 1920),
+
+      },
       formatter: function (params) {
       var res = params[0].name + '<br/>水质等级：';
       var texts = '';
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
index d8c88c7..0508e09 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
@@ -249,8 +249,9 @@
     },
     tooltip: {
       trigger: "axis",
-      // formatter: "{b}：{c}件",
-      // formatter: "{b}：{c}",
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
       feature: {
         mark: { show: true },
         dataView: { show: true, readOnly: false },
@@ -258,6 +259,25 @@
         restore: { show: true },
         saveAsImage: { show: true },
       },
+             formatter: function (params) {
+            let res = params[0].name + '<br/>';
+            params.forEach(function (item) {
+                // 对每个数据项的数值进行格式化，保留两位小数
+                 let text=   `<div class="flex flex-justcontent-spacebetween">
+                <span>${item.marker}${item.seriesName}</span>
+                <span>${(item.value == null ? '-' : Number(item.value).toFixed(2))}</span>
+              </div>`
+                res +=text ;
+            });
+            return res;
+        },
+              textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: nowSize(14, 1920),
+
+      },
       axisPointer: {
         type: "cross",
         textStyle: {

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index e8d4472..85af38a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -62,8 +62,9 @@
       </div>
       
     </div>
-        <div class="flex flex-justcontent-center"  v-if="AllData.allPK.length==0">
+        <div class="flex flex-justcontent-center"   v-if="AllData.allPK.length==0">
     暂无数据
+
   </div>
   </div>
 
@@ -330,6 +331,7 @@
   }
   :deep(.el-select .el-input__inner){
     color: #fff;
+    
   }
 
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
index 72ceeac..4d9677a 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/HistorySZChart.vue
@@ -50,9 +50,19 @@
     tooltip: {
       trigger: "axis",
       // valueFormatter:(value) => Number(value).toFixed(2),
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
       axisPointer: {
         type: "shadow",
       },
+            textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: nowSize(14, 1920),
+
+      },
       formatter: function (params) {
       var res = params[0].name + '<br/>水质等级：';
       var texts = '';
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
index d8c88c7..0508e09 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/Paikoucharts.vue
@@ -249,8 +249,9 @@
     },
     tooltip: {
       trigger: "axis",
-      // formatter: "{b}：{c}件",
-      // formatter: "{b}：{c}",
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
       feature: {
         mark: { show: true },
         dataView: { show: true, readOnly: false },
@@ -258,6 +259,25 @@
         restore: { show: true },
         saveAsImage: { show: true },
       },
+             formatter: function (params) {
+            let res = params[0].name + '<br/>';
+            params.forEach(function (item) {
+                // 对每个数据项的数值进行格式化，保留两位小数
+                 let text=   `<div class="flex flex-justcontent-spacebetween">
+                <span>${item.marker}${item.seriesName}</span>
+                <span>${(item.value == null ? '-' : Number(item.value).toFixed(2))}</span>
+              </div>`
+                res +=text ;
+            });
+            return res;
+        },
+              textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: nowSize(14, 1920),
+
+      },
       axisPointer: {
         type: "cross",
         textStyle: {
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
index c80eef4..09742c9 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
@@ -52,15 +52,32 @@
       borderColor: '#0B9BFF',
       borderRadius: 6, // 设置圆角大小
       // 自定义提示框文本样
+       formatter: function (params) {
+            let res = params[0].name + '<br/>';
+            params.forEach(function (item) {
+                // 对每个数据项的数值进行格式化，保留两位小数
+                 let text=   `<div class="flex flex-justcontent-spacebetween">
+                <span>${item.marker}${item.seriesName}</span>
+                <span>${(item.value == null ? '-' : Number(item.value).toFixed(2))}</span>
+              </div>`
+                res +=text ;
+            });
+            return res;
+        },
       textStyle: {
         // 字体颜色
         color: 'white',
         // 字体大小
         fontSize: nowSize(14, 1920),
+
       },
     },
     legend: {
-      data: ['氨氮', '溶解氧', 'COD', '电导率', 'PH值'],
+      data: ['氨氮(mg/L)', '溶解氧(mg/L)', 'COD(mg/L)', '电导率(μS/cm)', 'PH值'],
+      orient: "horizontal", //horizontal横向 vertical 纵向
+      type: "scroll",
+      x: "center", //居右显示
+      align: "left", //图例控制在左边
       textStyle: {
         color: '#FFFFFF',
         fontSize: nowSize(12, 1920),
@@ -267,7 +284,7 @@
     ],
     series: [
       {
-        name: '氨氮',
+        name: '氨氮(mg/L)',
         type: 'line',
         data: props.data.nh4n,
         yAxisIndex: 0,
@@ -303,7 +320,7 @@
         },
       },
       {
-        name: '溶解氧',
+        name: '溶解氧(mg/L)',
         type: 'line',
         data: props.data.DO,
         yAxisIndex: 1,
@@ -339,7 +356,7 @@
         },
       },
       {
-        name: 'COD',
+        name: 'COD(mg/L)',
         type: 'line',
         data: props.data.codcr,
         yAxisIndex: 2,
@@ -373,7 +390,7 @@
         },
       },
       {
-        name: '电导率',
+        name: '电导率(μS/cm)',
         type: 'line',
         data: props.data.cond,
         yAxisIndex: 3,