深基坑(echarts):y轴最大值最小值报警线处理

src/assets/js/http.js

@@ -41,6 +41,7 @@ if (process.env.NODE_ENV == 'development') {
   // tag: 本地
   // axios.defaults.baseURL = 'http://192.168.34.174:6023/'  // 老大本地
   axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
+  // axios.defaults.baseURL = 'http://192.168.34.216:6024/'
   // axios.defaults.baseURL = 'http://139.9.66.234:6324/' // 河南春笋
   // axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
   // axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1

src/views/projectFront/deepFoundationPitManage/monitorData.vue

@@ -703,8 +703,10 @@ export default {
         xAxis: [],
         data: [],
       },
-      max:'',
+      max: -999999,
-      min:'',
+      min: 999999,
+      max1: -999999,
+      min1: 999999,
     };
   },
   created() {
@@ -722,40 +724,6 @@ export default {
     // this.createdEchart5()
   },
   methods: {
-    // 查询实时数据
-    selectDeepExcavationCurrentDataList(val) {
-      console.log('默认第一次带sn了吗',this.checkList2)
-      selectDeepExcavationCurrentDataListApi({
-        measurePointNumber: this.checkList,
-        relaId: this.relaId,
-        projectSn: this.projectSn,
-        sensorSn:  val ,
-        startTime: this.dateTime != null ? this.dateTime[0] : "",
-        endTime: this.dateTime != null ? this.dateTime[1] : "",
-        pageNo:this.pageNo1,
-        pageSize:this.pageSize1,
-      }).then(res => {
-        this.max = res.result.alarmValue;
-        this.min = res.result.alarmValue * ('-1');
-        this.unit = res.result.unit;
-        console.log("默认第一次进来的时候单位", this.unit)
-        if (res.code == 200 && res.result) {
-          this.total1 = res.result.data.total
-          this.tableData2 = res.result.data.records;
-          this.echartData7 = {
-            xAxis: [],
-            data: []
-          };
-          res.result.data.records.forEach(item => {
-            this.echartData7.xAxis.unshift(item.receiveTime);
-            this.echartData7.data.unshift(item.data);
-          });
-          this.$nextTick(() => {
-            this.createdEchart7();
-          });
-        }
-      });
-    },
     // 获取测点名称
     selectDeepExcavationAllMeasurePointList() {
       selectDeepExcavationAllMeasurePointListApi({
@@ -1403,7 +1371,6 @@ export default {
     // },
      // 点击进来
      showDetail(val) {
-      console.log('点击获取详情',this.unit)
       this.dateTime = []
       this.pageSize1= 10,
       this.pageNo= 1,
@@ -1418,13 +1385,11 @@ export default {
     },
     handleSizeChange1(val) {
       this.pageSize1 = val;
-      console.log('分页',val);
+      this.getEchartsData(this.checkList2);
-      this.selectDeepExcavationCurrentDataList(this.checkList2);
     },
     handleCurrentChange1(val) {
       this.pageNo1 = val;
-      console.log('分页分页',val);
+      this.getEchartsData(this.checkList2);
-      this.selectDeepExcavationCurrentDataList(this.checkList2);
     },
     createdEchart5() {
       // console.log(this.$refs['echart5'])
@@ -1591,6 +1556,7 @@ export default {
         let chart7 = echarts.init(this.$refs["echart7"]);
         this.chart7 = chart7;
         chart7.clear();
+        let that = this;
         this.option7 = {
           tooltip: {
             trigger: "axis",
@@ -1634,22 +1600,14 @@ export default {
             }
           },
           yAxis: {
-            type: "value",
+            // type: "value",
-            // scale:true,
+            scale:true,
-            // max:this.max + 1,
+            max:function(obj){//解决因数据值范围相差太大或是太小曲线显示不美观问题
-            min:this.min -1,
+                return that.max + 1
-            // max:function(obj){//解决因数据值范围相差太大或是太小曲线显示不美观问题
+            },
-            //     var ma=obj.max;
+            min:function(obj){
-            //     var mi=obj.min;
+                return that.min - 1
-            //     var val=Math.ceil((ma+(ma-mi)/2))
+            },
-            //     return val
-            // },
-            // min:function(obj){
-            //     var ma=obj.max;
-            //     var mi=obj.min;
-            //     var val=Math.ceil((mi-(ma-mi)/2))
-            //     return mi==0?0:val
-            // },
             name:`单位/${ this.unit }`,
             boundaryGap: [0, '100%'],
             splitLine: {
@@ -1744,7 +1702,7 @@ export default {
                     position:'end',
                     formatter:'警戒线'
                   },
-                  yAxis:this.max
+                  yAxis:this.max1
                 },
                 {
                   silent:true,
@@ -1757,29 +1715,9 @@ export default {
                     position:'end',
                     formatter:'警戒线'
                   },
-                  yAxis:this.min
+                  yAxis:this.min1
                 }]
               }
-              // markLine:{
-              //     data:[{
-              //         symbol: 'none',
-              //         yAxis: 100,
-              //     }],
-              //     lineStyle:{
-              //         color: '#F92A08'
-              //     },
-              //     label:{
-              //         position: 'insideStartTop',
-              //         formatter: '{f|报警值: 100}',
-              //         rich:{
-              //             f:{
-              //                 backgroundColor: 'rgba(249, 42, 8, 0.7)',
-              //                 color: '#fff',
-              //                 padding: [4, 60, 8, 8],
-              //             }
-              //         }
-              //     },
-              // }
             }
           ]
         };
@@ -1889,32 +1827,30 @@ export default {
           if (this.getSensorList.length != 0) {
             this.checkList2 = this.getSensorList[0].sensorSn;
             console.log('默认的传感器编号',this.checkList2)
-            // this.selectDeepExcavationCurrentDataList(this.checkList2)
+            this.getEchartsData(this.checkList2)            
-            this.getEchartsData()
-            // this.$nextTick(()=>{
-            //   this.createdEchart7()
-            // })            
           }
         }
       });
     },
     // 第二个选择
-    getEchartsData() {
+    async getEchartsData(val) {
-      selectDeepExcavationCurrentDataListApi({
+      await selectDeepExcavationCurrentDataListApi({
         measurePointNumber: this.checkList,
         relaId: this.relaId,
-        sensorSn: this.checkList2 ,
+        sensorSn: val,
         projectSn: this.projectSn,
         startTime: this.dateTime != null ? this.dateTime[0] : "",
         endTime: this.dateTime != null ? this.dateTime[1] : "",
         pageNo:this.pageNo1,
         pageSize:this.pageSize1,
       }).then(res => {
-        console.log('单位',res.result.unit)
+        console.log('返回值',res)
         this.unit = res.result.unit
-        // console.log('第二个选择',this.unit )
+        this.max = res.result.positiveAlarmValue;
-        this.max = res.result.alarmValue;
+        this.min = res.result.positiveAlarmValue * ('-1');
-        this.min = res.result.alarmValue * ('-1');
+        this.max1 = res.result.positiveAlarmValue;
+        this.min1 = res.result.negativeAlarmValue;
+        // debugger
         if (res.code == 200 && res.result) {
           this.total1 = res.result.data.total
           this.tableData2 = res.result.data.records;
@@ -1923,10 +1859,15 @@ export default {
             data: []
           };
           res.result.data.records.forEach(item => {
+            if(this.max < item.data){
+              this.max = item.data
+            }
+            if(this.min > item.data){
+              this.min = item.data
+            }
             this.echartData7.xAxis.unshift(item.receiveTime);
             this.echartData7.data.unshift(item.data);
           });
-          // console.log('===========', this.echartData7.xAxis[0].split(' ')[0])
           this.$nextTick(() => {
             this.createdEchart7();
           });
@@ -1941,7 +1882,7 @@ export default {
           type: "warning"
         });
       }
-      this.selectDeepExcavationCurrentDataList(this.checkList2);
+      this.getEchartsData(this.checkList2);
     }
   },
   watch: {
@@ -1949,7 +1890,6 @@ export default {
       handler(newval, oldval) {
         if (newval != oldval) {
           console.log('新旧',newval, oldval)
-          this.getEchartsData();
           this.checkList2=""
         }
       },