看版
Showing
1 changed file
with
67 additions
and
5 deletions
| ... | @@ -326,8 +326,20 @@ async function handelGetYS004() { | ... | @@ -326,8 +326,20 @@ async function handelGetYS004() { |
| 326 | name: v.type == 2 ? "陆地" : '海上', | 326 | name: v.type == 2 ? "陆地" : '海上', |
| 327 | type: v.type | 327 | type: v.type |
| 328 | })) | 328 | })) |
| 329 | 329 | let arr1 = [] | |
| 330 | handelZhu4(listX, dataList) | 330 | let arr2 = [] |
| 331 | for (const v of arr) { | ||
| 332 | if (v.type == 2) { | ||
| 333 | arr2.push(290) | ||
| 334 | arr1.push(null) | ||
| 335 | } else { | ||
| 336 | arr1.push(150) | ||
| 337 | arr2.push(null) | ||
| 338 | } | ||
| 339 | } | ||
| 340 | if (arr2.length > 0) arr2.push(290) | ||
| 341 | if (arr1.length > 0) arr1.unshift(150) | ||
| 342 | handelZhu4(listX, dataList, arr1, arr2) | ||
| 331 | } | 343 | } |
| 332 | 344 | ||
| 333 | async function handelGetYS005() { | 345 | async function handelGetYS005() { |
| ... | @@ -1071,7 +1083,7 @@ const handelZhu3 = (row1, row2) => { | ... | @@ -1071,7 +1083,7 @@ const handelZhu3 = (row1, row2) => { |
| 1071 | lineStyle: { | 1083 | lineStyle: { |
| 1072 | color: '#fff', | 1084 | color: '#fff', |
| 1073 | width: 2, | 1085 | width: 2, |
| 1074 | type: 'solid' | 1086 | type: 'solid', |
| 1075 | } | 1087 | } |
| 1076 | }, | 1088 | }, |
| 1077 | } | 1089 | } |
| ... | @@ -1161,7 +1173,7 @@ const handelZhu3 = (row1, row2) => { | ... | @@ -1161,7 +1173,7 @@ const handelZhu3 = (row1, row2) => { |
| 1161 | chart33.setOption(option) | 1173 | chart33.setOption(option) |
| 1162 | // autoHover(chart33, option, 0, 2000) | 1174 | // autoHover(chart33, option, 0, 2000) |
| 1163 | } | 1175 | } |
| 1164 | const handelZhu4 = (listX, dataList) => { | 1176 | const handelZhu4 = (listX, dataList, arr1, arr2) => { |
| 1165 | chart44 = echarts.init(zhuRef4.value) | 1177 | chart44 = echarts.init(zhuRef4.value) |
| 1166 | const option = { | 1178 | const option = { |
| 1167 | tooltip: { | 1179 | tooltip: { |
| ... | @@ -1290,7 +1302,57 @@ const handelZhu4 = (listX, dataList) => { | ... | @@ -1290,7 +1302,57 @@ const handelZhu4 = (listX, dataList) => { |
| 1290 | }, | 1302 | }, |
| 1291 | barWidth: '30%', | 1303 | barWidth: '30%', |
| 1292 | }, | 1304 | }, |
| 1293 | 1305 | { | |
| 1306 | type: 'line', | ||
| 1307 | smooth: false, | ||
| 1308 | lineStyle: { | ||
| 1309 | width: 1 | ||
| 1310 | }, | ||
| 1311 | showSymbol: false, | ||
| 1312 | areaStyle: { | ||
| 1313 | opacity: 0.2, | ||
| 1314 | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ | ||
| 1315 | // { | ||
| 1316 | // offset: 0, | ||
| 1317 | // color: 'rgb(128, 255, 165)' | ||
| 1318 | // }, | ||
| 1319 | { | ||
| 1320 | offset: 0.3, | ||
| 1321 | color: 'rgb(1, 191, 236)' | ||
| 1322 | } | ||
| 1323 | ]) | ||
| 1324 | }, | ||
| 1325 | emphasis: { | ||
| 1326 | focus: 'series' | ||
| 1327 | }, | ||
| 1328 | data: arr1 | ||
| 1329 | }, | ||
| 1330 | { | ||
| 1331 | type: 'line', | ||
| 1332 | stack: 'Total', | ||
| 1333 | smooth: false, | ||
| 1334 | lineStyle: { | ||
| 1335 | width: 1 | ||
| 1336 | }, | ||
| 1337 | showSymbol: false, | ||
| 1338 | areaStyle: { | ||
| 1339 | opacity: 0.2, | ||
| 1340 | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ | ||
| 1341 | { | ||
| 1342 | offset: 0, | ||
| 1343 | color: 'rgba(21, 219, 203, 1)' | ||
| 1344 | }, | ||
| 1345 | // { | ||
| 1346 | // offset: 0.3, | ||
| 1347 | // color: 'rgb(77, 119, 255)' | ||
| 1348 | // } | ||
| 1349 | ]) | ||
| 1350 | }, | ||
| 1351 | emphasis: { | ||
| 1352 | focus: 'series' | ||
| 1353 | }, | ||
| 1354 | data: arr2 | ||
| 1355 | }, | ||
| 1294 | ] | 1356 | ] |
| 1295 | } | 1357 | } |
| 1296 | chart44.setOption(option) | 1358 | chart44.setOption(option) | ... | ... |
-
Please register or sign in to post a comment