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">
 
-var bar_chart_block_{{count}} = Morris.Bar({
-  element: 'morris-bar-chart-{{count}}',
-  data: [],
-  xkey: 'y',
-  ykeys: ['a'],
-  labels: ['y'],
-  smooth: true,
-  resize: true
-});
+
 
 $(document).ready(function() {
   var barChartElements=[];
+  var barChartElementsNames=[];
+
   {% for k, v in blockArray[count]["bar_charts"].iteritems() %}
   barChartElements.push("{{v[0]}}");
+  barChartElementsNames.push("{{k}}");
   {% endfor %}
-  redrawBarChart(barChartElements, bar_chart_block_{{count}});
-  setInterval(redrawBarChart,9000,barChartElements,bar_chart_block_{{count}});
+  console.log(barChartElementsNames);
+  var bar_chart_block_{{count}} = Morris.Bar({
+    element: 'morris-bar-chart-{{count}}',
+    data: [],
+    xkey: 'l',
+    ykeys: ['a'],
+    labels: ['y'],
+    smooth: true,
+    resize: true
+  });
+
+  redrawBarChart(barChartElements, bar_chart_block_{{count}}, barChartElementsNames);
+  setInterval(redrawBarChart,9000,barChartElements,bar_chart_block_{{count}}, barChartElementsNames);
 });
 </script>