Solar Array and home energy dashboard.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

29 lines
940 B

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Solar Dashboard</title>
  7. <link rel="stylesheet" type="text/css" href="css/styles.css">
  8. </head>
  9. <body>
  10. <div class="meter-container">
  11. <div><span class="meter-title">Production</span><br><span id="production">Unknown</span> kW</div>
  12. <div><span class="meter-title">Consumption</span><br><span id="consumption">Unknown</span> kW</div>
  13. <div class="gridpower"><span class="meter-title">Net Power</span><br><span id="netgrid">Unknown</span> kW</div>
  14. </div>
  15. <div id="solarchart" style="width:100%; height:600px;"></div>
  16. <script type="text/javascript" src="js/solardash.init.js"></script>
  17. <script type="text/javascript">
  18. // Load testing/prod data first
  19. loadScript("js/solardash." + document.location.protocol.slice(0, -1) + ".js", function(){
  20. // main init code
  21. });
  22. </script>
  23. </body>
  24. </html>