From 8a65f097b4a838c1cfc08ee83d1d4c9c53c5a43b Mon Sep 17 00:00:00 2001
From: Emil Abraham <emil.abraham@uconn.edu>
Date: Fri, 12 Apr 2019 17:46:21 -0400
Subject: [PATCH] removed data highlights on gauges

---
 src/app/statistics/statistics.component.html | 26 ++++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/app/statistics/statistics.component.html b/src/app/statistics/statistics.component.html
index 4bacc2d..419ba87 100644
--- a/src/app/statistics/statistics.component.html
+++ b/src/app/statistics/statistics.component.html
@@ -29,14 +29,14 @@
       <div class = "row">
         <div class="col-md-4 p-4">
           <div (click)= "goToGraphSpec('l1.current')">
-            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pACurrent" >
+            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase A Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pACurrent" >
             </radial-gauge>
           </div>
           <div *ngIf="pACurrent; else loggedOut"></div>
         </div>
         <div class="col-md-4 p-4">
           <div (click)= "goToGraphSpec('l2.current')">
-            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase B Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pBCurrent">
+            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase B Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pBCurrent">
             </radial-gauge>
           </div>
           <div *ngIf="pBCurrent; else loggedOut">          
@@ -44,7 +44,7 @@
         </div>
         <div class="col-md-4 p-4">
           <div (click)= "goToGraphSpec('l3.current')">
-            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase C Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' [value]="pCCurrent">
+            <radial-gauge class = "gauges"  width="200" units="Amps" title="Phase C Current" height="200" major-ticks="0,60,120,180,240,300" max-value = '300' highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pCCurrent">
             </radial-gauge>
           </div>
           <div *ngIf="pCCurrent; else loggedOut">          
@@ -52,7 +52,7 @@
         </div>
         <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('engine.rpm')">
-          <radial-gauge class = "gauges"  width="200" units="RPM" title="Engine Speed" height="200" major-ticks="0,375,750,1125,1500,1875, 2250, 2625,3000" max-value = "3000" [value]="engineSpeed">
+          <radial-gauge class = "gauges"  width="200" units="RPM" title="Engine Speed" height="200" major-ticks="0,375,750,1125,1500,1875, 2250, 2625,3000" max-value = "3000" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="engineSpeed">
           </radial-gauge>
         </div>
         <div *ngIf="engineSpeed; else loggedOut">          
@@ -60,7 +60,7 @@
       </div>
       <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('fuel.pressure')">
-          <radial-gauge class = "gauges"  width="200" units="%" title="Fuel Pressure" height="200" major-ticks="0,12.5,25,37.5,50,62.5,75,87.5,100" max-value = "100" [value]="fuelPressure">
+          <radial-gauge class = "gauges"  width="200" units="kPa/psi" title="Fuel Pressure" height="200" major-ticks="0,12.5,25,37.5,50,62.5,75,87.5,100" max-value = "100" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="fuelPressure">
           </radial-gauge>
         </div>
         <div *ngIf="fuelPressure; else loggedOut">          
@@ -68,7 +68,7 @@
       </div>
       <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('l1.l0.voltage')">
-          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase A Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pAVoltage">
+          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase A Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pAVoltage">
           </radial-gauge>
         </div>
         <div *ngIf="pAVoltage; else loggedOut">          
@@ -76,7 +76,7 @@
       </div>
       <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('l2.l0.voltage')">
-          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase B Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pBVoltage">
+          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase B Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pBVoltage">
           </radial-gauge>
         </div>
         <div *ngIf="pBVoltage; else loggedOut">          
@@ -84,7 +84,7 @@
       </div>
       <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('l3.l0.voltage')">
-          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase C Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" [value]="pCVoltage">
+          <radial-gauge class = "gauges"  width="200" units="Volts" title="Phase C Voltage" height="200" major-ticks="0,60,120,180,240,300" max-value = "300" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="pCVoltage">
           </radial-gauge>
         </div>
         <div *ngIf="pCVoltage; else loggedOut">          
@@ -92,7 +92,7 @@
       </div>
       <div class="col-md-4 p-4">
         <div (click)= "goToGraphSpec('total.kw')">
-          <radial-gauge  class = "gauges"  width="200" units="kW" title="Total kiloWatt" height="200" major-ticks="0,125,250,375,500,625,750, 875, 1000" max-value = "1000" [value]="totalKw">
+          <radial-gauge  class = "gauges"  width="200" units="kW" title="Total kiloWatt" height="200" major-ticks="0,125,250,375,500,625,750, 875, 1000" max-value = "1000" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="totalKw">
           </radial-gauge>
         </div>
         <div *ngIf="totalKw; else loggedOut">          
@@ -213,7 +213,7 @@
   <div class="row mt-3 text-center" *ngIf = "isRecent">
        <div class="col-md-3 p-4">
         <div (click)= "goToGraphSpec('coolant.temp')">
-          <linear-gauge width="150" title = "Coolant Temperature" major-ticks = "0,30,60,90,120" max-value = "120" height="350" [value] = "coolantTemp">
+          <linear-gauge width="150" title = "Coolant Temperature" major-ticks = "0,30,60,90,120" units = "°F" max-value = "120" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value] = "coolantTemp">
             
           </linear-gauge>
         </div>
@@ -226,7 +226,7 @@
       <div class="col-md-3 p-4">
         <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
         <div (click)= "goToGraphSpec('oil.pressure')">
-          <linear-gauge width="150" title = "Oil Pressure" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value] = "oilPressure">          
+          <linear-gauge width="150" title = "Oil Pressure" major-ticks = "0,50,100,150,200" units = "kPa/psi"  max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value] = "oilPressure">          
           </linear-gauge>
         </div>
         <div *ngIf="oilPressure; else loggedOut">          
@@ -235,7 +235,7 @@
       <div class="col-md-3 p-4">
           <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->
         <div (click)= "goToGraphSpec('oil.temp')">
-          <linear-gauge width="150" title = "Oil Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]="oilTemp"></linear-gauge>
+          <linear-gauge width="150" title = "Oil Temperature" major-ticks = "0,50,100,150,200" units = "°F" max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]="oilTemp"></linear-gauge>
         </div>
         <div *ngIf="oilTemp; else loggedOut">          
           </div>
@@ -243,7 +243,7 @@
       <div class="col-md-3 p-4">
           <!--<radial-gauge width="200" units="°C" title="Fuel Temperature" height="200" [value]="fuelTemp"></radial-gauge> -->        
         <div  (click)= "goToGraphSpec('fuel.temp')">  
-          <linear-gauge width="150" title = "Fuel Temperature" major-ticks = "0,50,100,150,200" max-value = "200" height="350" [value]= "fuelTemp" >
+          <linear-gauge width="150" title = "Fuel Temperature" major-ticks = "0,50,100,150,200" units = "°F" max-value = "200" height="350" highlights = '[{"from": 0, "to": 0, "color": black}]' [value]= "fuelTemp" >
             
           </linear-gauge>          
         </div>