看版

@@ -1198,13 +1198,14 @@ const handelZhu4 = (listX, dataList, arr1, arr2) => {
         <span style="margin-right: 20px;">DSO</span>
         <span style="margin-right: 20px;">DSO</span>
         ${row[0]?.data?.value}
         ${row[0]?.data?.value}
         </div>
         </div>
-         <div style="color: #fff;font-size: 12px;">
-          <span style="background:${row[0].data.itemStyle.borderColor};display: inline-block;width: 10px;height: 10px;border-radius: 50%;"></span>
-         <span style="margin-right: 20px;">天数</span>
-         ${row[0]?.data?.day}
-         </div>
+        
        `
        `
       }
       }
+      // <div style="color: #fff;font-size: 12px;">
+      //   <span style="background:${row[0].data.itemStyle.borderColor};display: inline-block;width: 10px;height: 10px;border-radius: 50%;"></span>
+      //   <span style="margin-right: 20px;">天数</span>
+      //   ${row[0]?.data?.day}
+      // </div>
     },
     },
     legend: {
     legend: {
       textStyle: {
       textStyle: {
@@ -1308,7 +1309,7 @@ const handelZhu4 = (listX, dataList, arr1, arr2) => {
         lineStyle: {
         lineStyle: {
           width: 1
           width: 1
         },
         },
-        showSymbol: false,
+        showSymbol: true,
         areaStyle: {
         areaStyle: {
           opacity: 0.2,
           opacity: 0.2,
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1325,7 +1326,20 @@ const handelZhu4 = (listX, dataList, arr1, arr2) => {
         emphasis: {
         emphasis: {
           focus: 'series'
           focus: 'series'
         },
         },
-        data: arr1
+        data: arr1,
+        label: {
+          show: true,
+          position: 'left', // 起始点标签放在左侧
+          formatter: function (params) {
+            // 仅当为第一个数据点时显示数值
+            if (params.dataIndex === 0) {
+              return params.value; // 显示数值
+            }
+            return ''; // 其他点不显示
+          },
+          fontSize: 12,
+          color: 'rgb(1, 191, 236)',
+        }
       },
       },
       {
       {
         type: 'line',
         type: 'line',
@@ -1334,7 +1348,7 @@ const handelZhu4 = (listX, dataList, arr1, arr2) => {
         lineStyle: {
         lineStyle: {
           width: 1
           width: 1
         },
         },
-        showSymbol: false,
+        showSymbol: true,
         areaStyle: {
         areaStyle: {
           opacity: 0.2,
           opacity: 0.2,
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -1351,7 +1365,20 @@ const handelZhu4 = (listX, dataList, arr1, arr2) => {
         emphasis: {
         emphasis: {
           focus: 'series'
           focus: 'series'
         },
         },
-        data: arr2
+        data: arr2,
+        label: {
+          show: true,
+          position: 'right', // 起始点标签放在左侧
+          formatter: function (params) {
+            // 仅当为第一个数据点时显示数值
+            if (params.dataIndex === arr2.length - 2) {
+              return params.value; // 显示数值
+            }
+            return ''; // 其他点不显示
+          },
+          fontSize: 12,
+          color: 'rgba(21, 219, 203, 1)',
+        }
       },
       },
     ]
     ]
   }
   }