diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index d480ef7..3154d32 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -347,11 +347,11 @@ SLFX: {}, chartDataRight: { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -627,11 +627,11 @@ // setTimeout(() => { AllData.chartDataRight = { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -1088,6 +1088,9 @@ height: 40px; line-height: 40px; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; .SlListNum { font-family: DINPro; font-weight: bold; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index d480ef7..3154d32 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -347,11 +347,11 @@ SLFX: {}, chartDataRight: { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -627,11 +627,11 @@ // setTimeout(() => { AllData.chartDataRight = { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -1088,6 +1088,9 @@ height: 40px; line-height: 40px; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; .SlListNum { font-family: DINPro; font-weight: bold; diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 648fb95..e07ec2a 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -400,11 +400,11 @@ isJBK: true, //是否为接驳口 chartDataRight: { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -688,11 +688,11 @@ // setTimeout(() => { AllData.chartDataRight = { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -1230,6 +1230,9 @@ height: 40px; line-height: 40px; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; .SlListNum { font-family: DINPro; font-weight: bold; diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue index d480ef7..3154d32 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue @@ -347,11 +347,11 @@ SLFX: {}, chartDataRight: { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -627,11 +627,11 @@ // setTimeout(() => { AllData.chartDataRight = { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -1088,6 +1088,9 @@ height: 40px; line-height: 40px; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; .SlListNum { font-family: DINPro; font-weight: bold; diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue index 648fb95..e07ec2a 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue @@ -400,11 +400,11 @@ isJBK: true, //是否为接驳口 chartDataRight: { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -688,11 +688,11 @@ // setTimeout(() => { AllData.chartDataRight = { yAxis: [], - yAxis_Name: "降雨量", + yAxis_Name: "降雨量(mm)", yAxis2: [], - yAxis2_Name: "流速", + yAxis2_Name: "流速(m/s)", yAxis3: [], - yAxis3_Name: "水深", + yAxis3_Name: "水深(m)", yAxis4: [], yAxis4_Name: "5分钟水量", xAxis: [], @@ -1230,6 +1230,9 @@ height: 40px; line-height: 40px; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; .SlListNum { font-family: DINPro; font-weight: bold; diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue index 9e02c12..bfd5a24 100644 --- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue +++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue @@ -65,7 +65,7 @@ }, }, grid: { - left: 30, + left: 80, right: 20, bottom: 20, containLabel: true, @@ -139,6 +139,7 @@ position: "left", inverse: true, nameLocation: "start", + offset: 80, }, { name: props.data.yAxis2_Name, @@ -188,6 +189,31 @@ }, alignTicks: true, offset: 0, + position: "right", + }, + { + name: props.data.yAxis4_Name, + type: "value", + // minInterval: 1, + min: 0, + axisLabel: { + color: "rgb(255,127,80)", + show: true, + formatter: function (value) { + return value.toFixed(2); // 保留两位小数 + }, + }, + nameTextStyle: { + color: "rgb(255,127,80)", + }, + splitLine: { + lineStyle: { + type: "dashed", + color: "#2161a8", + }, + }, + alignTicks: true, + position: "left", }, ], series: [ @@ -242,7 +268,7 @@ name: props.data.yAxis4_Name, type: "line", data: props.data.yAxis4, - yAxisIndex: 2, + yAxisIndex: 3, symbolSize: 7, // 修改折线颜色 lineStyle: {