create irradiance composite graph

client/dashboard/energy/energy.rt

@@ -1,9 +1,6 @@
 <rt-require dependency="./graph/graph.component" as="EnergyGraph"/>
 <rt-require dependency="./table/table.component" as="EnergyTable"/>
 <div id="energy_view">
-  <div class="alert alert-warning" rt-if="this.loading_energy_data">
-    Retrieving energy data...
-  </div>
   <div rt-if="this.props.view === 'graph'">
     <h4>Select Data</h4>
     <div class="btn-group" role="group">

client/dashboard/energy/graph/graph.component.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import c3 from 'c3';
 
 import Templates from 'config/templates';
 import CalendarGridChart from './../../../d3/grid/calendar_grid';

client/dashboard/energy/table/table.rt

@@ -4,6 +4,7 @@
       <th></th>
       <th>Day</th>
       <th>Consumption (kWh)</th>
+      <th>Daily Mean Irradiance (W/m<sup>2</sup>)</th>
       <th>Production (kWh)</th>
     </tr>
   </thead>
@@ -11,8 +12,9 @@
     <tr rt-repeat="energy_datum in this.house.energy_data" key="{energy_datum.scoped_id}">
       <td></td>
       <td>{energy_datum.day_to_s}</td>
-      <td>{energy_datum.consumption_to_s}</td>
-      <td>{energy_datum.production_to_s}</td>
+      <td>{energy_datum.consumption}</td>
+      <td>{energy_datum.irradiance}</td>
+      <td>{energy_datum.production}</td>
     </tr>
   </tbody>
 </table>