调整

components/UMessage.vue

@@ -112,7 +112,7 @@
 				this.findChargingGroup()
 			},
 			toHTML(data,params){
-				console.log(params)
+				 
 				 this.price=data.data.price;
 				var result = params[0].name + '<br>';
 				result += `${params[0].marker} ${params[0].seriesName}: ${params[0].value} A<br>`;
@@ -146,14 +146,52 @@
 
 				var _this = this
 				var data1 = []
-				var data2 = []
+				var data2 = []
+				var pieces=[]
+				var gt=0
+				
+				var keyswitch=0//
 				for (var i in this.ampereList) {
 					var item = this.ampereList[i]
 					var key = item.createTime.split(' ')[1]
 					key = key.substring(0, 5)
 					data1.push(key)
-					data2.push(item.ampere)
-				}
+					data2.push(item.ampere)
+					if(i==0){
+						if(item.ampere>this.maxAmpere){
+							keyswitch=1;
+						}
+					}
+					// console.log(keyswitch==0&&item.ampere>this.maxAmpere)
+					// console.log(item.ampere,this.maxAmpere)
+					if(keyswitch==0&&item.ampere>this.maxAmpere){
+						
+						pieces.push({
+							gt: parseInt(gt),
+							lte:parseInt(i-1),
+							color: 'green'
+						})
+						gt=i-1
+						keyswitch=1
+					}else if(keyswitch==1&&item.ampere<this.maxAmpere){
+						
+						pieces.push({
+							gt: parseInt(gt),
+							lte:parseInt(i-1),
+							color: 'red'
+						})
+						gt=i-1
+						keyswitch=0
+					}
+					
+				}
+				pieces.push({
+					gt: parseInt(gt),
+					lte:parseInt(this.ampereList.length),
+					color: keyswitch?'red':'green'
+				})
+				
+				
 				var option = {
 
 					xAxis: {
@@ -195,7 +233,12 @@
 
 							return '加载中...';
 						}
-					},
+					},
+					visualMap: {
+					    show: false,
+					    dimension: 0,
+					    pieces: pieces
+					  },
 					series: [{
 						data: data2,
 						type: 'line',