Bar charts to use device name from config, issue #50

static/js/domoboard.js

@@ -181,10 +181,15 @@ function redrawLineChart(sensor, idx, range, block) {
   });
 }
 
-function redrawBarChart(idxs, block) {
+function redrawBarChart(idxs, block, barChartElementsNames) {
   var url = "/api?custom=bar_chart&idxs=" + idxs.join();
+  var i = 0;
   requestAPI(url, function(d){
 	  var data = JSON.parse(d);
+    for (var key in data) {
+      data[key]["l"] = barChartElementsNames[i];
+      i++;
+    }
   block.setData(data);
   });
 }

templates/bar_charts.html

@@ -15,22 +15,28 @@
 </div>
 <script type="text/javascript" charset="utf-8">
 
+
+
+$(document).ready(function() {
+  var barChartElements=[];
+  var barChartElementsNames=[];
+
+  {% for k, v in blockArray[count]["bar_charts"].iteritems() %}
+  barChartElements.push("{{v[0]}}");
+  barChartElementsNames.push("{{k}}");
+  {% endfor %}
+  console.log(barChartElementsNames);
   var bar_chart_block_{{count}} = Morris.Bar({
     element: 'morris-bar-chart-{{count}}',
     data: [],
-  xkey: 'y',
+    xkey: 'l',
     ykeys: ['a'],
     labels: ['y'],
     smooth: true,
     resize: true
   });
 
-$(document).ready(function() {
+  redrawBarChart(barChartElements, bar_chart_block_{{count}}, barChartElementsNames);
-  var barChartElements=[];
+  setInterval(redrawBarChart,9000,barChartElements,bar_chart_block_{{count}}, barChartElementsNames);
-  {% for k, v in blockArray[count]["bar_charts"].iteritems() %}
-  barChartElements.push("{{v[0]}}");
-  {% endfor %}
-  redrawBarChart(barChartElements, bar_chart_block_{{count}});
-  setInterval(redrawBarChart,9000,barChartElements,bar_chart_block_{{count}});
 });
 </script>