use unix time for date representations

Author: tuckbick

index.html

@@ -62,7 +62,7 @@ <h1 class="title">Angular D3 Chart Directive</h1>
         </div>
         <div class="example__javascript">
           <div class="example__title text_group__title">Javascript</div>
-          <pre class="example__text text_group__text">$scope.drawLine({&#10;  colors: {&#10;    axes: &apos;#222&apos;,&#10;    labels: &apos;#666&apos;,&#10;    lines: &apos;#F2CFDA&apos;&#10;  },&#10;  labels: {&#10;    y: &apos;Completion (%)&apos;&#10;  },&#10;  data: [&#10;    {&#10;      x: &apos;13-Oct-13&apos;,&#10;      y: 10&#10;    }, {&#10;      x: &apos;17-Oct-13&apos;,&#10;      y: 30&#10;    }, {&#10;      x: &apos;19-Oct-13&apos;,&#10;      y: 23&#10;    }, {&#10;      x: &apos;26-Oct-13&apos;,&#10;      y: 42&#10;    },&#10;  ]&#10;});</pre>
+          <pre class="example__text text_group__text">$scope.drawLine({&#10;  colors: {&#10;    axes: &apos;#222&apos;,&#10;    labels: &apos;#666&apos;,&#10;    lines: &apos;#F2CFDA&apos;&#10;  },&#10;  labels: {&#10;    y: &apos;Completion (%)&apos;&#10;  },&#10;  data: [&#10;    {&#10;      x: 1381640400000,&#10;      y: 10&#10;    }, {&#10;      x: 1381986000000,&#10;      y: 30&#10;    }, {&#10;      x: 1382158800000,&#10;      y: 23&#10;    }, {&#10;      x: 1382763600000,&#10;      y: 42&#10;    }&#10;  ]&#10;});</pre>
         </div>
       </div>
       <div class="example__output">
@@ -166,18 +166,18 @@ <h1 class="title">Angular D3 Chart Directive</h1>
             },
             data: [
               {
-                x: '13-Oct-13',
+                x: 1381640400000,
                 y: 10
               }, {
-                x: '17-Oct-13',
+                x: 1381986000000,
                 y: 30
               }, {
-                x: '19-Oct-13',
+                x: 1382158800000,
                 y: 23
               }, {
-                x: '26-Oct-13',
+                x: 1382763600000,
                 y: 42
-              },
+              }
             ]
           });
 

src/angular-graphs.line.js

@@ -5,7 +5,7 @@ angular.module('picardy.graphs.line', ['picardy.graphs.common'])
 
     function render (scope, element) {
 
-      var options, d3Data, options, getColor, svg, parseDate, margin, width, height, x, y, labels, axes, lines;
+      var options, d3Data, options, getColor, svg, margin, width, height, x, y, labels, axes, lines;
 
       if (!scope.data) {
         return;
@@ -34,10 +34,10 @@ angular.module('picardy.graphs.line', ['picardy.graphs.common'])
       width = options.width - margin.left - margin.right;
       height = options.height - margin.top - margin.bottom;
 
-      parseDate = d3.time.format('%d-%b-%y').parse;
-
       angular.forEach(options.data, function (d) {
-        d.x = parseDate(d.x);
+        if (d.x > 0) {
+          d.x = new Date(d.x);
+        }
         d3Data.push(d);
       });