Fix bug
This commit is contained in:
		
							parent
							
								
									d3428c1f65
								
							
						
					
					
						commit
						04d07f9bba
					
				
					 1 changed files with 3 additions and 2 deletions
				
			
		| 
						 | 
					@ -139,17 +139,18 @@
 | 
				
			||||||
		});
 | 
							});
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		this.onStats = stats => {
 | 
							this.onStats = stats => {
 | 
				
			||||||
 | 
								stats.mem.used = stats.mem.total - stats.mem.free;
 | 
				
			||||||
			this.stats.push(stats);
 | 
								this.stats.push(stats);
 | 
				
			||||||
			if (this.stats.length > 50) this.stats.shift();
 | 
								if (this.stats.length > 50) this.stats.shift();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			const cpuPolylinePoints = this.stats.map((s, i) => `${this.viewBoxX - ((this.stats.length - 1) - i)},${(1 - s.cpu_usage) * this.viewBoxY}`).join(' ');
 | 
								const cpuPolylinePoints = this.stats.map((s, i) => `${this.viewBoxX - ((this.stats.length - 1) - i)},${(1 - s.cpu_usage) * this.viewBoxY}`).join(' ');
 | 
				
			||||||
			const memPolylinePoints = this.stats.map((s, i) => `${this.viewBoxX - ((this.stats.length - 1) - i)},${(s.mem.free / s.mem.total) * this.viewBoxY}`).join(' ');
 | 
								const memPolylinePoints = this.stats.map((s, i) => `${this.viewBoxX - ((this.stats.length - 1) - i)},${(1 - (s.mem.used / s.mem.total)) * this.viewBoxY}`).join(' ');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			const cpuPolygonPoints = `${this.viewBoxX - (this.stats.length - 1)},${ this.viewBoxY } ${ cpuPolylinePoints } ${ this.viewBoxX },${ this.viewBoxY }`;
 | 
								const cpuPolygonPoints = `${this.viewBoxX - (this.stats.length - 1)},${ this.viewBoxY } ${ cpuPolylinePoints } ${ this.viewBoxX },${ this.viewBoxY }`;
 | 
				
			||||||
			const memPolygonPoints = `${this.viewBoxX - (this.stats.length - 1)},${ this.viewBoxY } ${ memPolylinePoints } ${ this.viewBoxX },${ this.viewBoxY }`;
 | 
								const memPolygonPoints = `${this.viewBoxX - (this.stats.length - 1)},${ this.viewBoxY } ${ memPolylinePoints } ${ this.viewBoxX },${ this.viewBoxY }`;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			const cpuColor = `hsl(${180 - (stats.cpu_usage * 180)}, 80%, 70%)`;
 | 
								const cpuColor = `hsl(${180 - (stats.cpu_usage * 180)}, 80%, 70%)`;
 | 
				
			||||||
			const memColor = `hsl(${180 - (stats.mem.free / stats.mem.total * 180)}, 80%, 70%)`;
 | 
								const memColor = `hsl(${180 - (stats.mem.used / stats.mem.total * 180)}, 80%, 70%)`;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			this.update({
 | 
								this.update({
 | 
				
			||||||
				cpuPolylinePoints,
 | 
									cpuPolylinePoints,
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue