improved readabilty of diagrams

modules/diagrams/data.mustache

@@ -2,14 +2,15 @@
 var power = {{power}};
 var devices = {{devices}};
 $.plot("#diagrams-container", [
-    { data: power, label: "Power consumption (W)" },
-    { data: devices, label: "Network devices", yaxis: 2 }
+    { data: power, label: "Power consumption (W)", color: '#b58900' },
+    { data: devices, label: "Network devices", yaxis: 2, color: '#268bd2' }
 ], {
     xaxes: [ { mode: "time" } ],
     yaxes: [ { min: 0 }, {
-        alignTicksWithAxis: 1,
-        position: 'right'
+        alignTicksWithAxis: 0,
+        position: 'right',
+        min: 0
     } ],
-    legend: { position: "sw" }
+    legend: { position: "sw", backgroundColor: '#eee8d5' }
 });
 </script>