diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 71b2be0..d480ef7 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -352,6 +352,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }, refreshRight: 0, @@ -630,6 +632,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }; AllData.refreshRight = 0; @@ -926,6 +930,8 @@ case "pn05": AllData.chartDataRight.yAxis = element.datas; break; + case "sbl05": + AllData.chartDataRight.yAxis4 = element.datas; } }); AllData.chartDataRight.xAxis = res.data.times; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 71b2be0..d480ef7 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -352,6 +352,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }, refreshRight: 0, @@ -630,6 +632,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }; AllData.refreshRight = 0; @@ -926,6 +930,8 @@ case "pn05": AllData.chartDataRight.yAxis = element.datas; break; + case "sbl05": + AllData.chartDataRight.yAxis4 = element.datas; } }); AllData.chartDataRight.xAxis = res.data.times; diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 57937db..648fb95 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -405,6 +405,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }, refreshRight: 0, @@ -691,6 +693,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }; AllData.refreshRight = 0; @@ -1068,6 +1072,9 @@ case "pn05": AllData.chartDataRight.yAxis = element.datas; break; + case "sbl05": + AllData.chartDataRight.yAxis4 = element.datas; + break; } }); AllData.chartDataRight.xAxis = res.data.times; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index 71b2be0..d480ef7 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -352,6 +352,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }, refreshRight: 0, @@ -630,6 +632,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }; AllData.refreshRight = 0; @@ -926,6 +930,8 @@ case "pn05": AllData.chartDataRight.yAxis = element.datas; break; + case "sbl05": + AllData.chartDataRight.yAxis4 = element.datas; } }); AllData.chartDataRight.xAxis = res.data.times; diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 57937db..648fb95 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -405,6 +405,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }, refreshRight: 0, @@ -691,6 +693,8 @@ yAxis2_Name: "流速", yAxis3: [], yAxis3_Name: "水深", + yAxis4: [], + yAxis4_Name: "5分钟水量", xAxis: [], }; AllData.refreshRight = 0; @@ -1068,6 +1072,9 @@ case "pn05": AllData.chartDataRight.yAxis = element.datas; break; + case "sbl05": + AllData.chartDataRight.yAxis4 = element.datas; + break; } }); AllData.chartDataRight.xAxis = res.data.times; diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue index b2b57f4..9e02c12 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue @@ -53,7 +53,12 @@ }, }, legend: { - data: [props.data.yAxis_Name, props.data.yAxis2_Name, props.data.yAxis3_Name], + data: [ + props.data.yAxis_Name, + props.data.yAxis2_Name, + props.data.yAxis3_Name, + props.data.yAxis4_Name, + ], textStyle: { color: "#FFFFFF", fontSize: 12, @@ -233,6 +238,22 @@ color: "#99FF55", // 数据点颜色 }, }, + { + name: props.data.yAxis4_Name, + type: "line", + data: props.data.yAxis4, + yAxisIndex: 2, + symbolSize: 7, + // 修改折线颜色 + lineStyle: { + color: "rgb(255,127,80)", // 折线颜色 + width: 2, // 折线宽度 + }, + // 修改数据点颜色 + itemStyle: { + color: "rgb(255,127,80)", // 折线颜色 + }, + }, ], };