diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index ad908cf..57998f0 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -107,11 +107,12 @@
 );
 
 function GetSearchList(data) {
+  // let data=data1.slice(0, 10);
   SelectList.value = [];
   data.map(item => {
     SelectList.value = SelectList.value.concat(item.data);
   });
-  console.log('MapData', appStore.MapData, SelectList.value);
+  // console.log('MapData', appStore.MapData, SelectList.value);
   filterList.value = JSON.parse(JSON.stringify(SelectList.value));
   // debugger;
 }

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index ad908cf..57998f0 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -107,11 +107,12 @@
 );
 
 function GetSearchList(data) {
+  // let data=data1.slice(0, 10);
   SelectList.value = [];
   data.map(item => {
     SelectList.value = SelectList.value.concat(item.data);
   });
-  console.log('MapData', appStore.MapData, SelectList.value);
+  // console.log('MapData', appStore.MapData, SelectList.value);
   filterList.value = JSON.parse(JSON.stringify(SelectList.value));
   // debugger;
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index bc28660..53cb6c6 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -264,7 +264,6 @@
           <YSRight2
             v-if="AllData.regionGrade == 'two'"
             :waterRegionCode="AllData.waterRegionCode"
-            :name="AllData.regionName"
           ></YSRight2>
         </div>
       </div>

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index ad908cf..57998f0 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -107,11 +107,12 @@
 );
 
 function GetSearchList(data) {
+  // let data=data1.slice(0, 10);
   SelectList.value = [];
   data.map(item => {
     SelectList.value = SelectList.value.concat(item.data);
   });
-  console.log('MapData', appStore.MapData, SelectList.value);
+  // console.log('MapData', appStore.MapData, SelectList.value);
   filterList.value = JSON.parse(JSON.stringify(SelectList.value));
   // debugger;
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index bc28660..53cb6c6 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -264,7 +264,6 @@
           <YSRight2
             v-if="AllData.regionGrade == 'two'"
             :waterRegionCode="AllData.waterRegionCode"
-            :name="AllData.regionName"
           ></YSRight2>
         </div>
       </div>
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index 0114a15..468c888 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="YSIndex_right2">
     <div class="historySZ">
-      <div class="leve2Title">{{name}}历史水质</div>
+      <div class="leve2Title">{{AllData.szHistoryData.lakerName}}历史水质</div>
       <div id="history">
       <HistorySZChart :echartData="AllData.szHistoryData" :refresh="AllData.szHistoryrefresh"/>
 
@@ -34,10 +34,7 @@
     type: [String],
     default: '',
   },
-    name: {
-    type: String,
-    default: '',
-  },
+
 });
 const AllData = reactive({
   allSZ:[],
@@ -168,6 +165,7 @@
     if(res.code==200){
        let arr=[]
        let data=res.data
+
        data.forEach((e)=>{
         let obj={
           stName:e.stName,
@@ -181,14 +179,51 @@
             turb:[],
             cond:[],
             ph:[],
-            marklinearr:[],
+            marklineObj:{
+            nh4n:'',
+            dO:'',
+            turb:'',
+            cond:'',
+            ph:'',
+       },
             refresh:1
           }
         }
-       obj.chartInfo.XAxis = e.siteEchartDto.times;
-
+        let at=obj.chartInfo
+       at.XAxis = e.siteEchartDto.times;
+        if(e.targetQuality==1){
+          at.marklineObj.nh4n=0.15
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=7.5
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==2){
+           at.marklineObj.nh4n=0.5
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=6
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==3){
+           at.marklineObj.nh4n=1
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=5
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==4){
+           at.marklineObj.nh4n=1.5
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=3
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==5){
+           at.marklineObj.nh4n=2
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=2
+          at.marklineObj.ph=''
+        }
         e.siteEchartDto.datas.forEach((j) => {
-          let at=obj.chartInfo
+          
         switch (j.dataKey) {
           case "nh4n":
             at.nh4n = j.datas;
@@ -219,7 +254,6 @@
   })
 }
 onMounted(() => {
-  console.log('ppp',props.name);
 });
 </script>
 
@@ -227,10 +261,14 @@
 #YSIndex_right2 {
   width: 100%;
   height: 100%;
+  
   .historySZ,.eachLake{
     height: calc((100% - 30px) / 3);
+    
   }
   #Charts,#history {
+    width: calc(100% - 10px);
+
     height: calc(100% - 32px);
   }
   // .eachLake {

diff --git a/src/views/pictureOnMap/inputSearch.vue b/src/views/pictureOnMap/inputSearch.vue
index ad908cf..57998f0 100644
--- a/src/views/pictureOnMap/inputSearch.vue
+++ b/src/views/pictureOnMap/inputSearch.vue
@@ -107,11 +107,12 @@
 );
 
 function GetSearchList(data) {
+  // let data=data1.slice(0, 10);
   SelectList.value = [];
   data.map(item => {
     SelectList.value = SelectList.value.concat(item.data);
   });
-  console.log('MapData', appStore.MapData, SelectList.value);
+  // console.log('MapData', appStore.MapData, SelectList.value);
   filterList.value = JSON.parse(JSON.stringify(SelectList.value));
   // debugger;
 }
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index bc28660..53cb6c6 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -264,7 +264,6 @@
           <YSRight2
             v-if="AllData.regionGrade == 'two'"
             :waterRegionCode="AllData.waterRegionCode"
-            :name="AllData.regionName"
           ></YSRight2>
         </div>
       </div>
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
index 0114a15..468c888 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="YSIndex_right2">
     <div class="historySZ">
-      <div class="leve2Title">{{name}}历史水质</div>
+      <div class="leve2Title">{{AllData.szHistoryData.lakerName}}历史水质</div>
       <div id="history">
       <HistorySZChart :echartData="AllData.szHistoryData" :refresh="AllData.szHistoryrefresh"/>
 
@@ -34,10 +34,7 @@
     type: [String],
     default: '',
   },
-    name: {
-    type: String,
-    default: '',
-  },
+
 });
 const AllData = reactive({
   allSZ:[],
@@ -168,6 +165,7 @@
     if(res.code==200){
        let arr=[]
        let data=res.data
+
        data.forEach((e)=>{
         let obj={
           stName:e.stName,
@@ -181,14 +179,51 @@
             turb:[],
             cond:[],
             ph:[],
-            marklinearr:[],
+            marklineObj:{
+            nh4n:'',
+            dO:'',
+            turb:'',
+            cond:'',
+            ph:'',
+       },
             refresh:1
           }
         }
-       obj.chartInfo.XAxis = e.siteEchartDto.times;
-
+        let at=obj.chartInfo
+       at.XAxis = e.siteEchartDto.times;
+        if(e.targetQuality==1){
+          at.marklineObj.nh4n=0.15
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=7.5
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==2){
+           at.marklineObj.nh4n=0.5
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=6
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==3){
+           at.marklineObj.nh4n=1
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=5
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==4){
+           at.marklineObj.nh4n=1.5
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=3
+          at.marklineObj.ph=''
+        }else if(e.targetQuality==5){
+           at.marklineObj.nh4n=2
+          at.marklineObj.dO=''
+          at.marklineObj.turb=''
+          at.marklineObj.cond=2
+          at.marklineObj.ph=''
+        }
         e.siteEchartDto.datas.forEach((j) => {
-          let at=obj.chartInfo
+          
         switch (j.dataKey) {
           case "nh4n":
             at.nh4n = j.datas;
@@ -219,7 +254,6 @@
   })
 }
 onMounted(() => {
-  console.log('ppp',props.name);
 });
 </script>
 
@@ -227,10 +261,14 @@
 #YSIndex_right2 {
   width: 100%;
   height: 100%;
+  
   .historySZ,.eachLake{
     height: calc((100% - 30px) / 3);
+    
   }
   #Charts,#history {
+    width: calc(100% - 10px);
+
     height: calc(100% - 32px);
   }
   // .eachLake {
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
index 04ada94..5471b46 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/ShuiZhicharts.vue
@@ -3,14 +3,14 @@
   <div :id="id" style="width: 100%; height: 100%"></div>
 </template>
 <script setup>
-import { guid } from "@/utils/ruoyi";
-import { nextTick } from "vue";
-import moment from "moment";
+import { guid } from '@/utils/ruoyi';
+import { nextTick } from 'vue';
+import moment from 'moment';
 
 const id = guid();
-const myChart = shallowRef("");
-import * as echarts from "echarts";
-import { nowSize } from "@/utils/util.js";
+const myChart = shallowRef('');
+import * as echarts from 'echarts';
+import { nowSize } from '@/utils/util.js';
 
 const { proxy } = getCurrentInstance();
 
@@ -23,13 +23,12 @@
   refresh: {
     type: Number,
   },
-
 });
 
 watch(
   () => props.refresh,
-  (value) => {
-    console.log("???????");
+  value => {
+    console.log('???????');
     //先销毁实例
     myChart.value && myChart.value.dispose();
     init();
@@ -40,301 +39,350 @@
 );
 
 function init() {
-  let position = ["insideStartTop", "insideMiddleTop", "insideEndBottom"];
+  let position = ['insideStartTop', 'insideMiddleTop', 'insideEndBottom'];
   myChart.value = echarts.init(document.getElementById(id));
-
+  console.log('Number(props.data.marklineObj.cond)',Number(props.data.marklineObj.cond));
+  let a=Number(props.data.marklineObj.cond)
+  let b=[1,2,3,4,5]
+  console.log('22222',Math.max(...[Number(props.data.marklineObj.cond),...props.data.dO]) * 1.1);
+console.log('12',Math.max([a,...b]) * 1.1,);
   let option = {
-      tooltip: {
-        trigger: "axis",
-        backgroundColor: "#004284",
-        borderColor: "#0B9BFF",
-        borderRadius: 6, // 设置圆角大小
-        // 自定义提示框文本样
-        textStyle: {
-          // 字体颜色
-          color: "white",
-          // 字体大小
-          fontSize: 14,
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: '#004284',
+      borderColor: '#0B9BFF',
+      borderRadius: 6, // 设置圆角大小
+      // 自定义提示框文本样
+      textStyle: {
+        // 字体颜色
+        color: 'white',
+        // 字体大小
+        fontSize: 14,
+      },
+    },
+    legend: {
+      data: ['氨氮', '溶解氧', '浊度', '电导率', 'PH值'],
+      textStyle: {
+        color: '#FFFFFF',
+        fontSize: 12,
+      },
+    },
+    grid: {
+      top: 52,
+      left: 30,
+      right: 25,
+      bottom: 10,
+      containLabel: true,
+    },
+
+    xAxis: {
+      type: 'category',
+      boundaryGap: true,
+    //   show: false,
+      data: props.data.XAxis,
+      axisLabel: {
+        color: 'rgba(255,255,255,1)',
+        fontSize: 12,
+        fontFamily: 'AlibabaPuHuiTi',
+        formatter: function (value) {
+          return moment(value).format('HH:MM');
         },
       },
-      legend: {
-        data: [
-          '氨氮',
-          '溶解氧',
-          '浊度',
-          '电导率',
-          'PH值',
-        ],
-        textStyle: {
-          color: "#FFFFFF",
-          fontSize: 12,
-        },
-      },
-      grid: {
-        top:52,
-        left: 20,
-        right: 20,
+    },
+    dataZoom: [
+      {
+        // show: true,
+        show: false,
+        height: 4,
         bottom: 10,
-        containLabel: true,
+        start: 0,
+        end: 60,
+        handleSize: '100%',
+        fillerColor: '#94FA41',
+        borderColor: 'transparent',
+        backgroundColor: 'rgba(148, 250, 65, 0.2)',
+        handleStyle: {
+          color: '#94FA41',
+        },
+        moveHandleSize: 0,
+        textStyle: {
+          color: '#fff',
+        },
       },
-
-      xAxis: {
-        type: "category",
-        boundaryGap: true,
-        data: props.data.XAxis,
+      {
+        type: 'inside',
+        show: true,
+        height: 15,
+        start: 0,
+        end: 60,
+      },
+    ],
+    yAxis: [
+        
+      {
+        name: '氨氮',
+        type: 'value',
+        // minInterval: 1,
+        
+        min: 0,
         axisLabel: {
-          color: "rgba(255,255,255,1)",
-          fontSize: 12,
-          fontFamily: "AlibabaPuHuiTi",
-          formatter: function (value) {
-            return moment(value).format("HH时");
+          color: '#259543',
+          show: true,
+          // formatter: function (value) {
+          //   return value.toFixed(2); // 保留两位小数
+          // },
+        },
+        nameTextStyle: {
+          color: '#259543',
+          padding: [0, 0, 0, -5],
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            type: 'dashed',
+            color: '#2161a8',
           },
         },
+        
+        alignTicks: true,
+        position: 'left',
+        inverse: true,
+        nameLocation: 'start',
+        offset: 28,
+      },
+      {
+        name: '溶解氧',
+        type: 'value',
+        // minInterval: 1,
+        // min: 0,
+        // max:(Math.max(...[Number(props.data.marklineObj.cond),...props.data.dO]) * 1.1).toFixed(2),
+
+        axisLabel: {
+          color: '#b14de5',
+          show: true,
+          // formatter: function (value) {
+          //   return value.toFixed(2); // 保留两位小数
+          // },
+        },
+        nameTextStyle: {
+          color: '#b14de5',
+          padding: [0, 0, 0, -10],
+        },
+        splitLine: {
+            show: false,
+          lineStyle: {
+            type: 'dashed',
+            color: '#2161a8',
+          },
+        },
+        // alignTicks: true,
+        position: 'left',
+        offset: -5,
+      },
+      {
+        name: '浊度',
+        type: 'value',
+        // minInterval: 1,
+        min: 0,
+        axisLabel: {
+          color: '#99FF55',
+          show: true,
+          // formatter: function (value) {
+          //   return value.toFixed(2); // 保留两位小数
+          // },
+        },
+        nameTextStyle: {
+          color: '#99FF55',
+          padding: [0, 0, 0, 15],
+        },
+        splitLine: {
+            show: false,
+          lineStyle: {
+            type: 'dashed',
+            color: '#2161a8',
+          },
+        },
+        // alignTicks: true,
+        position: 'right',
+        offset: -5,
+      },
+
+      {
+        name: '电导率',
+        type: 'value',
+        // minInterval: 1,
+        min: 0,
+        axisLabel: {
+          color: '#FFC155',
+          show: true,
+          // formatter: function (value) {
+          //   return value.toFixed(2); // 保留两位小数
+          // },
+        },
+        nameTextStyle: {
+          color: '#FFC155',
+          padding: [0, 0, 0, 20],
+        },
+        splitLine: {
+            show: false,
+          lineStyle: {
+            type: 'dashed',
+            color: '#2161a8',
+          },
+        },
+        // alignTicks: true,
+        position: 'right',
+        offset: 28,
+      },
+      {
+        name: 'PH值',
+        type: 'value',
+        // minInterval: 1,
+        min: 0,
+        axisLabel: {
+          color: '#009BE9',
+          show: true,
+          // formatter: function (value) {
+          //   return value.toFixed(2); // 保留两位小数
+          // },
+        },
+        nameTextStyle: {
+          color: '#009BE9',
+          padding: [0, 0, 0, 20],
+        },
+        splitLine: {
+            show: false,
+          lineStyle: {
+            type: 'dashed',
+            color: '#2161a8',
+          },
+        },
+        // alignTicks: true,
+        position: 'right',
+        offset: 62,
+      },
+    ],
+    series: [
+      {
+        name: '氨氮',
+        type: 'line',
+        data: props.data.nh4n,
+        yAxisIndex: 0,
+        symbolSize: 7,
+        // 修改折线颜色
+        lineStyle: {
+          color: '#259543', // 折线颜色
+          width: 2, // 折线宽度
+        },
+        // 修改数据点颜色
+        itemStyle: {
+          color: '#259543', // 数据点颜色
+          width: 4,
+        },
+        markLine: {
+          data: [
+            {
+              yAxis: props.data.marklineObj.nh4n, // 这是水平线的 Y 轴值
+              lineStyle: {
+                type: 'dashed',
+                color: '#259543', // 线的颜色
+              },
+              label: {
+                show: true,
+                formatter: '氨氮警戒线:' + props.data.marklineObj.nh4n,
+                color: '#259543',
+                fontSize: 12,
+                position: 'middle',
+              },
+            },
+          ],
+          symbol: ['none', 'none'], // 这里设置标记线两端的标记为'none'，即不显示箭头
+        },
       },
-      dataZoom: [
-        {
-          // show: true,
-          show: false,
-          height: 4,
-          bottom: 10,
-          start: 0,
-          end: 60,
-          handleSize: "100%",
-          fillerColor: "#94FA41",
-          borderColor: "transparent",
-          backgroundColor: "rgba(148, 250, 65, 0.2)",
-          handleStyle: {
-            color: "#94FA41",
-          },
-          moveHandleSize: 0,
-          textStyle: {
-            color: "#fff",
-          },
+      {
+        name: '溶解氧',
+        type: 'line',
+        data: props.data.dO,
+        yAxisIndex: 1,
+        symbolSize: 7,
+        // 修改折线颜色
+        lineStyle: {
+          color: '#b14de5', // 折线颜色
+          width: 2, // 折线宽度
         },
-        {
-          type: "inside",
-          show: true,
-          height: 15,
-          start: 0,
-          end: 60,
+        // 修改数据点颜色
+        itemStyle: {
+          color: '#b14de5', // 数据点颜色
+          width: 4,
         },
-      ],
-      yAxis: [
-        {
-          name: '氨氮',
-          type: "value",
-          // minInterval: 1,
-          min: 0,
-          axisLabel: {
-            color: "#259543",
-            show: true,
-            // formatter: function (value) {
-            //   return value.toFixed(2); // 保留两位小数
-            // },
-          },
-          nameTextStyle: {
-            color: "#259543",
-          },
-          splitLine: {
-            lineStyle: {
-              type: "dashed",
-              color: "#2161a8",
+        markLine: {
+          data: [
+            {
+              yAxis: props.data.marklineObj.cond, // 这是水平线的 Y 轴值
+              lineStyle: {
+                type: 'dashed',
+                color: '#b14de5', // 线的颜色
+              },
+              label: {
+                show: true,
+                formatter: '溶解氧警戒线:' + props.data.marklineObj.cond,
+                color: '#b14de5',
+                fontSize: 12,
+                position: 'middle',
+              },
             },
-          },
-          alignTicks: true,
-          position: "left",
-          inverse: true,
-          nameLocation: "start",
-          offset: 28,
+          ],
+          symbol: ['none', 'none'], // 这里设置标记线两端的标记为'none'，即不显示箭头
         },
-        {
-          name: '溶解氧',
-          type: "value",
-          // minInterval: 1,
-          min: 0,
-          axisLabel: {
-            color: "#b14de5",
-            show: true,
-            // formatter: function (value) {
-            //   return value.toFixed(2); // 保留两位小数
-            // },
-          },
-          nameTextStyle: {
-            color: "#b14de5",
-            
-          },
-          splitLine: {
-            lineStyle: {
-              type: "dashed",
-              color: "#2161a8",
-            },
-          },
-          alignTicks: true,
-          position: "left",
-          offset: -5,
+      },
+      {
+        name: '浊度',
+        type: 'line',
+        data: props.data.turb,
+        yAxisIndex: 2,
+        // 修改折线颜色
+        lineStyle: {
+          color: '#99FF55', // 折线颜色
+          width: 2, // 折线宽度
         },
-        {
-          name: '浊度',
-          type: "value",
-          // minInterval: 1,
-          min: 0,
-          axisLabel: {
-            color: "#99FF55",
-            show: true,
-            // formatter: function (value) {
-            //   return value.toFixed(2); // 保留两位小数
-            // },
-          },
-          nameTextStyle: {
-            color: "#99FF55",
-            padding: [0, 0, 0, 20],
-          },
-          splitLine: {
-            lineStyle: {
-              type: "dashed",
-              color: "#2161a8",
-            },
-          },
-          alignTicks: true,
-          position: "right",
-          offset: -5,
+        // 修改数据点颜色
+        itemStyle: {
+          color: '#99FF55', // 数据点颜色
         },
 
-        {
-          name: '电导率',
-          type: "value",
-          // minInterval: 1,
-          min: 0,
-          axisLabel: {
-            color: "#FFC155",
-            show: true,
-            // formatter: function (value) {
-            //   return value.toFixed(2); // 保留两位小数
-            // },
-          },
-          nameTextStyle: {
-            color: "#FFC155",
-            padding: [0, 0, 0, 25],
-          },
-          splitLine: {
-            lineStyle: {
-              type: "dashed",
-              color: "#2161a8",
-            },
-          },
-          alignTicks: true,
-          position: "right",
-          offset: 28,
+      },
+      {
+        name: '电导率',
+        type: 'line',
+        data: props.data.cond,
+        yAxisIndex: 3,
+        // 修改折线颜色
+        lineStyle: {
+          color: '#FFC155', // 折线颜色
+          width: 2, // 折线宽度
         },
-         {
-          name: 'PH值',
-          type: "value",
-          // minInterval: 1,
-          min: 0,
-          axisLabel: {
-            color: "#009BE9",
-            show: true,
-            // formatter: function (value) {
-            //   return value.toFixed(2); // 保留两位小数
-            // },
-          },
-          nameTextStyle: {
-            color: "#009BE9",
-            padding: [0, 0, 0, 30],
-          },
-          splitLine: {
-            lineStyle: {
-              type: "dashed",
-              color: "#2161a8",
-            },
-          },
-          alignTicks: true,
-          position: "right",
-          offset: 62,
+        // 修改数据点颜色
+        itemStyle: {
+          color: '#FFC155', // 数据点颜色
         },
-      ],
-      series: [
-        {
-          name: '氨氮',
-          type: "line",
-          data: props.data.nh4n,
-          yAxisIndex: 1,
-          symbolSize: 7,
-          // 修改折线颜色
-          lineStyle: {
-            color: "#259543", // 折线颜色
-            width: 2, // 折线宽度
-          },
-          // 修改数据点颜色
-          itemStyle: {
-            color: "#259543", // 数据点颜色
-            width: 4,
-          },
+      },
+      {
+        name: 'PH值',
+        type: 'line',
+        data: props.data.ph,
+        yAxisIndex: 4,
+        // 修改折线颜色
+        lineStyle: {
+          color: '#009BE9', // 折线颜色
+          width: 2, // 折线宽度
         },
-        {
-          name: '溶解氧',
-          type: "line",
-          data: props.data.dO,
-          yAxisIndex: 1,
-          symbolSize: 7,
-          // 修改折线颜色
-          lineStyle: {
-            color: "#b14de5", // 折线颜色
-            width: 2, // 折线宽度
-          },
-          // 修改数据点颜色
-          itemStyle: {
-            color: "#b14de5", // 数据点颜色
-            width: 4,
-          },
+        // 修改数据点颜色
+        itemStyle: {
+          color: '#009BE9', // 数据点颜色
         },
-        {
-          name: '浊度',
-          type: "line",
-          data:  props.data.turb,
-          yAxisIndex: 2,
-          // 修改折线颜色
-          lineStyle: {
-            color: "#99FF55", // 折线颜色
-            width: 2, // 折线宽度
-          },
-          // 修改数据点颜色
-          itemStyle: {
-            color: "#99FF55", // 数据点颜色
-          },
-        },
-        {
-          name: '电导率',
-          type: "line",
-          data: props.data.cond,
-          yAxisIndex: 3,
-          // 修改折线颜色
-          lineStyle: {
-            color: "#FFC155", // 折线颜色
-            width: 2, // 折线宽度
-          },
-          // 修改数据点颜色
-          itemStyle: {
-            color: "#FFC155", // 数据点颜色
-          },
-        },
-        {
-          name: 'PH值',
-          type: "line",
-          data: props.data.ph,
-          yAxisIndex: 4,
-          // 修改折线颜色
-          lineStyle: {
-            color: "#009BE9", // 折线颜色
-            width: 2, // 折线宽度
-          },
-          // 修改数据点颜色
-          itemStyle: {
-            color: "#009BE9", // 数据点颜色
-          },
-        },
-      ],
-    };
+      },
+    ],
+  };
 
   option && myChart.value.setOption(option);
 }
@@ -347,7 +395,7 @@
 onMounted(() => {
   nextTick(() => {
     init();
-    window.addEventListener("resize", resizeTheChart);
+    window.addEventListener('resize', resizeTheChart);
   });
 });
 </script>