显示功率和功耗

TC1/http_server/web/index.html

@@ -165,6 +165,12 @@
 
           <div id="ct-chart-par" class="page page1 mdl-card__supporting-text mdl-shadow--2dp mdl-cell mdl-cell--6-col"
            style="height:300px;overflow-x:scroll;overflow-y:hidden;">
+            <table class="pw">
+              <tr>
+                <td>P: <span id="p" class="success">0</span> W</td>
+                <td>W: <span id="w" class="error">0</span> kW·h</td>
+              </tr>
+            </table>
             <div id="ct-chart" class="ct-chart ct-perfect-fourth" style="height:280px;"></div>
           </div>
 

TC1/http_server/web/styles.css

@@ -214,6 +214,9 @@ _:-ms-input-placeholder, :root .demo-graph {
           align-items: center;
 }
 /* zogodo */
+.success{color:#58dc5c;}
+.error{color:#ff2d2d;}
+.info{color:#e700ea;}
 .page {
   display:none;
 }