Timestamp refactor, 2/2.

examples/decimal.html

@@ -24,7 +24,8 @@ window.m = Morris.Line({
   data: decimal_data,
   xkey: 'x',
   ykeys: ['y'],
-  labels: ['sin(x)']
+  labels: ['sin(x)'],
+  parseTime: false
 });
 </pre>
 </body>

morris.coffee

@@ -146,19 +146,31 @@ class Morris.Line
         .attr('stroke-width', @options.gridStrokeWidth)
 
     ## draw x axis labels
-    #prevLabelMargin = null
+    prevLabelMargin = null
-    #xLabelMargin = 50 # make this an option?
+    xLabelMargin = 50 # make this an option?
-    #for i in [Math.ceil(@xmin)..Math.floor(@xmax)]
+    if @options.parseTime
-    #  labelText = if @options.parseTime then i else @columnLabels[@columnLabels.length-i-1]
+      x1 = new Date(@xmin).getFullYear()
-    #  label = @r.text(transX(i), @options.marginTop + height + @options.marginBottom / 2, labelText)
+      x2 = new Date(@xmax).getFullYear()
-    #    .attr('font-size', @options.gridTextSize)
+    else
-    #    .attr('fill', @options.gridTextColor)
+      x1 = @xmin
-    #  labelBox = label.getBBox()
+      x2 = @xmax
-    #  # ensure a minimum of `xLabelMargin` pixels between labels
+    for i in [x1..x2]
-    #  if prevLabelMargin is null or prevLabelMargin <= labelBox.x
+      if @options.parseTime
-    #    prevLabelMargin = labelBox.x + labelBox.width + xLabelMargin
+        xpos = new Date(i, 0, 1).getTime()
-    #  else
+        if xpos < @xmin
-    #    label.remove()
+          continue
+      else
+        xpos = i
+      labelText = if @options.parseTime then i else @columnLabels[@columnLabels.length-i-1]
+      label = @r.text(transX(xpos), @options.marginTop + height + @options.marginBottom / 2, labelText)
+        .attr('font-size', @options.gridTextSize)
+        .attr('fill', @options.gridTextColor)
+      labelBox = label.getBBox()
+      # ensure a minimum of `xLabelMargin` pixels between labels
+      if prevLabelMargin is null or prevLabelMargin <= labelBox.x
+        prevLabelMargin = labelBox.x + labelBox.width + xLabelMargin
+      else
+        label.remove()
 
     # draw the actual series
     columns = (transX(x) for x in @xvals)
@@ -315,11 +327,13 @@ class Morris.Line
     if m
       new Date(
         parseInt(m[1], 10),
-        parseInt(m[2], 10) * 3 - 1).getTime()
+        parseInt(m[2], 10) * 3 - 1,
+        1).getTime()
     else if n
       new Date(
         parseInt(n[1], 10),
-        parseInt(n[2], 10) - 1).getTime()
+        parseInt(n[2], 10) - 1,
+        1).getTime()
     else if o
       new Date(
         parseInt(o[1], 10),
@@ -334,7 +348,7 @@ class Morris.Line
       # add weeks
       ret.getTime() + parseInt(p[2], 10) * 604800000
     else
-      new Date(parseInt(date, 10))
+      new Date(parseInt(date, 10), 0, 1)
 
   # make long numbers prettier by inserting commas
   # eg: commas(1234567) -> '1,234,567'

morris.js

@@ -105,7 +105,7 @@
     };
 
     Line.prototype.redraw = function() {
-      var c, circle, columns, coords, dx, dy, firstY, height, hideHover, hilight, hover, hoverHeight, hoverMargins, hoverSet, i, lastY, left, lineY, maxYLabelWidth, path, pointGrow, pointShrink, prevHilight, s, seriesCoords, seriesPoints, touchHandler, transX, transY, updateHilight, updateHover, v, width, x, xLabel, y, yInterval, yLabel, yLabels, _i, _j, _len, _len2, _ref, _ref2, _ref3, _ref4, _ref5,
+      var c, circle, columns, coords, dx, dy, firstY, height, hideHover, hilight, hover, hoverHeight, hoverMargins, hoverSet, i, label, labelBox, labelText, lastY, left, lineY, maxYLabelWidth, path, pointGrow, pointShrink, prevHilight, prevLabelMargin, s, seriesCoords, seriesPoints, touchHandler, transX, transY, updateHilight, updateHover, v, width, x, x1, x2, xLabel, xLabelMargin, xpos, y, yInterval, yLabel, yLabels, _i, _j, _len, _len2, _ref, _ref2, _ref3, _ref4, _ref5,
         _this = this;
       this.el.empty();
       this.r = new Raphael(this.el[0]);
@@ -134,6 +134,31 @@
         this.r.text(left - this.options.marginLeft / 2, y, v + this.options.units).attr('font-size', this.options.gridTextSize).attr('fill', this.options.gridTextColor).attr('text-anchor', 'end');
         this.r.path("M" + left + "," + y + 'H' + (left + width)).attr('stroke', this.options.gridLineColor).attr('stroke-width', this.options.gridStrokeWidth);
       }
+      prevLabelMargin = null;
+      xLabelMargin = 50;
+      if (this.options.parseTime) {
+        x1 = new Date(this.xmin).getFullYear();
+        x2 = new Date(this.xmax).getFullYear();
+      } else {
+        x1 = this.xmin;
+        x2 = this.xmax;
+      }
+      for (i = x1; x1 <= x2 ? i <= x2 : i >= x2; x1 <= x2 ? i++ : i--) {
+        if (this.options.parseTime) {
+          xpos = new Date(i, 0, 1).getTime();
+          if (xpos < this.xmin) continue;
+        } else {
+          xpos = i;
+        }
+        labelText = this.options.parseTime ? i : this.columnLabels[this.columnLabels.length - i - 1];
+        label = this.r.text(transX(xpos), this.options.marginTop + height + this.options.marginBottom / 2, labelText).attr('font-size', this.options.gridTextSize).attr('fill', this.options.gridTextColor);
+        labelBox = label.getBBox();
+        if (prevLabelMargin === null || prevLabelMargin <= labelBox.x) {
+          prevLabelMargin = labelBox.x + labelBox.width + xLabelMargin;
+        } else {
+          label.remove();
+        }
+      }
       columns = (function() {
         var _i, _len, _ref, _results;
         _ref = this.xvals;
@@ -338,9 +363,9 @@
       o = date.match(/^(\d+)-(\d+)-(\d+)$/);
       p = date.match(/^(\d+) W(\d+)$/);
       if (m) {
-        return new Date(parseInt(m[1], 10), parseInt(m[2], 10) * 3 - 1).getTime();
+        return new Date(parseInt(m[1], 10), parseInt(m[2], 10) * 3 - 1, 1).getTime();
       } else if (n) {
-        return new Date(parseInt(n[1], 10), parseInt(n[2], 10) - 1).getTime();
+        return new Date(parseInt(n[1], 10), parseInt(n[2], 10) - 1, 1).getTime();
       } else if (o) {
         return new Date(parseInt(o[1], 10), parseInt(o[2], 10) - 1, parseInt(o[3], 10)).getTime();
       } else if (p) {
@@ -348,7 +373,7 @@
         if (ret.getDay() !== 4) ret.setMonth(0, 1 + ((4 - ret.getDay()) + 7) % 7);
         return ret.getTime() + parseInt(p[2], 10) * 604800000;
       } else {
-        return new Date(parseInt(date, 10));
+        return new Date(parseInt(date, 10), 0, 1);
       }
     };