add CPU chart

html/index.html

@@ -72,6 +72,11 @@
             <div class="alert alert-warning chart-warn" id="mem-chart-warn" role="alert">No data for specified zoom level.</div>
             <div class="divider"></div>
             
+            <h4>CPU</h4>
+            <div id="cpu-chart" class="chart"></div>
+            <div class="alert alert-warning chart-warn" id="cpu-chart-warn" role="alert">No data for specified zoom level.</div>
+            <div class="divider"></div>
+            
             <h4>Net In</h4>
             <div id="net-in-chart" class="chart"></div>
             <div class="alert alert-warning chart-warn" id="net-in-chart-warn" role="alert">No data for specified zoom level.</div>

html/js/script.js

@@ -78,6 +78,7 @@
     var renderContainerStats = function(id) {
         console.log('Rendering stats for container ' + id);
         renderLatestStats(id);
+        renderChart('cpu-chart', id, 'cpu');
         renderChart('mem-chart', id, 'mem');
         renderChart('net-in-chart', id, 'net_in');
         renderChart('net-out-chart', id, 'net_out');
@@ -95,6 +96,7 @@
 
     var renderAllContainerStats = function() {
         console.log('Rendering all container stats');
+        renderChart('cpu-chart', null, 'cpu');
         renderChart('mem-chart', null, 'mem');
         renderChart('net-in-chart', null, 'net_in');
         renderChart('net-out-chart', null, 'net_out');

httpd.js

@@ -9,7 +9,7 @@ var app = express();
 var db = new sqlite3.Database(DB_FILE, sqlite3.OPEN_READONLY);
 
 var isValidChart = function(s) {
-    return /^(net_in|net_out|block_in|block_out|mem)$/.test(s);
+    return /^(net_in|net_out|block_in|block_out|mem|cpu)$/.test(s);
 };
 
 var isValidZoom = function(s) {