#155 fixed issue with incorrect day breakdown

src/lib/viz/Canvas.js

@@ -96,12 +96,15 @@ var Canvas = module.exports = function (options, callback) {
     }
     _query[0].type = 'base';
     _query[0].hash = '';
-    _query[0].dimensions.forEach(function (d) {
-      _query[0].hash += d.key || d;
-    });
-    _query[0].metrics.forEach(function (m) {
-      _query[0].hash += m.key || m;
-    });
+    if (_query[0].dimensions && Array.isArray(_query[0].dimensions)) {
+      _query[0].dimensions.forEach(function (d) {
+        _query[0].hash += d.key || d;
+      });
+    }
+    if (_query[0].metrics && Array.isArray(_query[0].metrics))
+      _query[0].metrics.forEach(function (m) {
+        _query[0].hash += m.key || m;
+      });
     _query[0].hash = joola.common.hash(_query[0].hash);
     if (self.options.datepicker && self.options.datepicker.container) {
       _query[0].timeframe = {};

src/lib/viz/Metric.js

@@ -46,14 +46,15 @@ var Metric = module.exports = function (options, callback) {
 
   this.template = function () {
     var $html = $('<div class="jio metricbox value"></div>' +
-      '<div class="jio metricbox caption"></div>');
+    '<div class="jio metricbox caption"></div>');
     return $html;
   };
-
   this.draw = function (options, callback) {
+    if (!Array.isArray(this.options.query))
+      this.options.query = [this.options.query];
     self.stop();
-    this.options.query.dimensions = [];
-    this.options.query.metrics = this.options.query.metrics.splice(0, 1);
+    this.options.query[0].dimensions = [];
+    this.options.query[0].metrics = this.options.query[0].metrics.splice(0, 1);
     return this._super.fetch(this.options.query, function (err, message) {
       if (Array.isArray(message))
         message = message[0];
@@ -143,9 +144,13 @@ var Metric = module.exports = function (options, callback) {
           //subscribe to default events
           self.options.canvas.on('datechange', function (dates) {
             //let's change our query and fetch again
-            self.options.query.timeframe = {};
-            self.options.query.timeframe.start = new Date(dates.base_fromdate);
-            self.options.query.timeframe.end = new Date(dates.base_todate);
+            if (!Array.isArray(self.options.query))
+              self.options.query = [self.options.query];
+            //let's change our query and fetch again
+            self.options.query[0].timeframe = {};
+            self.options.query[0].timeframe.start = new Date(dates.base_fromdate);
+            self.options.query[0].timeframe.end = new Date(dates.base_todate);
+
 
             self.destroy();
             self.draw(self.options);

src/lib/viz/Table.js

@@ -371,7 +371,22 @@ var Table = module.exports = function (options, callback) {
           return callback(err);
 
         joola.viz.onscreen.push(self);
-
+
+        if (self.options.canvas) {
+          self.options.canvas.addVisualization(self);
+          self.options.canvas.on('datechange', function (dates) {
+            if (!Array.isArray(self.options.query))
+              self.options.query = [self.options.query];
+            //let's change our query and fetch again
+            self.options.query[0].timeframe = {};
+            self.options.query[0].timeframe.start = new Date(dates.base_fromdate);
+            self.options.query[0].timeframe.end = new Date(dates.base_todate);
+
+            self.destroy();
+            self.draw(self.options);
+          });
+        }
+
         joola.events.emit('table.init.finish', self);
         if (typeof callback === 'function')
           return callback(null, self);

src/lib/viz/Timeline.js

@@ -50,12 +50,12 @@ var Timeline = module.exports = function (options, callback) {
 
     this.template = function () {
       var $html = $('<div class="jio timeline caption"></div>' +
-        '<div class="jio timeline chartwrapper">' +
-        ' <div class="jio timeline controls">' +
-        '     <div class="jio timeline primary-metric-picker"></div>' +
-        '     <div class="jio timeline secondary-metric-picker"></div>' +
-        '   </div>' +
-        '<div class="jio timeline thechart" style="width:100%;margin:0 auto"></div> </div > ');
+      '<div class="jio timeline chartwrapper">' +
+      ' <div class="jio timeline controls">' +
+      '     <div class="jio timeline primary-metric-picker"></div>' +
+      '     <div class="jio timeline secondary-metric-picker"></div>' +
+      '   </div>' +
+      '<div class="jio timeline thechart" style="width:100%;margin:0 auto"></div> </div > ');
       return $html;
     };
 
@@ -363,10 +363,12 @@ var Timeline = module.exports = function (options, callback) {
             if (self.options.canvas) {
               self.options.canvas.addVisualization(self);
               self.options.canvas.on('datechange', function (dates) {
+                if (!Array.isArray(self.options.query))
+                  self.options.query = [self.options.query];
                 //let's change our query and fetch again
-                self.options.query.timeframe = {};
-                self.options.query.timeframe.start = new Date(dates.base_fromdate);
-                self.options.query.timeframe.end = new Date(dates.base_todate);
+                self.options.query[0].timeframe = {};
+                self.options.query[0].timeframe.start = new Date(dates.base_fromdate);
+                self.options.query[0].timeframe.end = new Date(dates.base_todate);
 
                 self.destroy();
                 self.draw(self.options);
@@ -386,7 +388,6 @@ var Timeline = module.exports = function (options, callback) {
                 query.reason = 'added_plot';
                 query.abc = 'abc';
                 query.filter = filter;
-                console.log(query);
                 self.destroy();
                 self.draw(self.options);
               });

src/lib/viz/_proto.js

@@ -126,7 +126,6 @@ proto.fetch = function (context, query, callback) {
     return callback(null, message);
   });
 
-  console.log(args);
   joola.query.fetch.apply(this, args);
 };
 
@@ -212,7 +211,7 @@ proto.makeChartTimelineSeries = function (message) {
     });
     if (timestampDimension) {
       //validate and fill the date range;
-      interval = interval === 'ddate' ? 'day' : interval;
+      interval = interval === 'ddate' ? 'day' : (interval || 'day');
       if (!query.timeframe) {
         query.timeframe = {};
         query.timeframe.start = result.documents[result.documents.length - 1].values.timestamp;
@@ -274,7 +273,7 @@ proto.makeChartTimelineSeries = function (message) {
         name: metric_name,
         data: [],
         yAxis: _yaxis,
-        color: joola.colors[seriesIndex ]
+        color: joola.colors[seriesIndex]
       };
       documents.forEach(function (document, docIndex) {
         var x = document.fvalues[dimensions[0].key];