made dropdown graph

web/newWebsite/GaugGroup.js

@@ -13,6 +13,7 @@ class GaugeGroup {
         this.element.innerHTML = `
             <h2 class="groupTitle">${this.nodeId} - ${this.location}</h2>
             <div class="Node">
+            <img src="arrow.png" class="arrowimg" onclick="toggleGraph('${this.nodeId}')">
                 ${Array(this.gaugesCount).fill().map((_, i) => `
                     <div class="Sensorvalues">
                         <div id="gaugeContainer${this.nodeId}_${i+1}" class="gaugeContainer">
@@ -26,7 +27,7 @@ class GaugeGroup {
                 `).join('')}
             </div>
             <div class="plotly-container">
-                <div id="liveGraph${this.nodeId}" ></div>
+                <div id="liveGraph${this.nodeId}" class="disabled" ></div>
             </div> 
         `;
 

web/newWebsite/styles/dashboard-styles.css

@@ -190,11 +190,11 @@ body {
     justify-content: center;
     display: flex;
     width: 20vw;
-    z-index: -0;
 
 }
 *
 .disabled {
     opacity: 0;
     height: 0;
+
 }