看版

@@ -326,8 +326,20 @@ async function handelGetYS004() {
     name: v.type == 2 ? "陆地" : '海上',
     type: v.type
   }))
-  
-  handelZhu4(listX, dataList)
+  let arr1 = []
+  let arr2 = []
+  for (const v of arr) {
+    if (v.type == 2) {
+      arr2.push(290)
+      arr1.push(null)
+    } else {
+      arr1.push(150)
+      arr2.push(null)
+    }
+  }
+  if (arr2.length > 0) arr2.push(290)
+  if (arr1.length > 0) arr1.unshift(150)
+  handelZhu4(listX, dataList, arr1, arr2)
 }
 
 async function handelGetYS005() {
@@ -1071,7 +1083,7 @@ const handelZhu3 = (row1, row2) => {
           lineStyle: {
             color: '#fff',
             width: 2,
-            type: 'solid'
+            type: 'solid',
           }
         },
       }
@@ -1161,7 +1173,7 @@ const handelZhu3 = (row1, row2) => {
   chart33.setOption(option)
   // autoHover(chart33, option, 0, 2000)
 }
-const handelZhu4 = (listX, dataList) => {
+const handelZhu4 = (listX, dataList, arr1, arr2) => {
   chart44 = echarts.init(zhuRef4.value)
   const option = {
     tooltip: {
@@ -1290,7 +1302,57 @@ const handelZhu4 = (listX, dataList) => {
         },
         barWidth: '30%',
       },
-    
+      {
+        type: 'line',
+        smooth: false,
+        lineStyle: {
+          width: 1
+        },
+        showSymbol: false,
+        areaStyle: {
+          opacity: 0.2,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            // {
+            //   offset: 0,
+            //   color: 'rgb(128, 255, 165)'
+            // },
+            {
+              offset: 0.3,
+              color: 'rgb(1, 191, 236)'
+            }
+          ])
+        },
+        emphasis: {
+          focus: 'series'
+        },
+        data: arr1
+      },
+      {
+        type: 'line',
+        stack: 'Total',
+        smooth: false,
+        lineStyle: {
+          width: 1
+        },
+        showSymbol: false,
+        areaStyle: {
+          opacity: 0.2,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: 'rgba(21, 219, 203, 1)'
+            },
+            // {
+            //   offset: 0.3,
+            //   color: 'rgb(77, 119, 255)'
+            // }
+          ])
+        },
+        emphasis: {
+          focus: 'series'
+        },
+        data: arr2
+      },
     ]
   }
   chart44.setOption(option)