move back to time scale for x axis, get example working again, kind of

index.haml

@@ -24,31 +24,29 @@
       var mychart = new d3_tsline("#chart");
 
       // override format_data function, taking json payload and creating
-      // 2-arrays as data points in a series.  Return an array of series
+      // 2-arrays as data points in a series.  Return an array of one series
       mychart.format_data = function(data) {
           var series = [];
-          data.forEach(function(json) {
+          data[0].forEach(function(json) {
               series.push([json.date, json.val]);
           });
           return [ series ];
       };
 
       // override parse_date function to handle our data's date format
-      mychart.parse_date = function(dt) {
-          d3.time.format("%b %d, %Y").parse(dt);
-      };
+      mychart.parse_date = d3.time.format("%b %d, %Y").parse;
 
       // add some metadata about the series
       mychart.series = [
           {
               "name" : "AAPL",
               "css"  : "aapl"
           }
-      ]
+      ];
 
       // fetch data and draw the chart
       var url = "aapl.csv";
       d3.csv(url, function(data) {
-          mychart.data = data;
-          mychart.draw_chart();
+          mychart.setSeriesData([data]);
+          mychart.render();
       });

index.html

@@ -27,33 +27,31 @@
         var mychart = new d3_tsline("#chart");
 
         // override format_data function, taking json payload and creating
-        // 2-arrays as data points in a series.  Return an array of series
+        // 2-arrays as data points in a series.  Return an array of one series
         mychart.format_data = function(data) {
             var series = [];
-            data.forEach(function(json) {
+            data[0].forEach(function(json) {
                 series.push([json.date, json.val]);
             });
             return [ series ];
         };
 
         // override parse_date function to handle our data's date format
-        mychart.parse_date = function(dt) {
-            d3.time.format("%b %d, %Y").parse(dt);
-        };
+        mychart.parse_date = d3.time.format("%b %d, %Y").parse;
 
         // add some metadata about the series
         mychart.series = [
             {
                 "name" : "AAPL",
                 "css"  : "aapl"
             }
-        ]
+        ];
 
         // fetch data and draw the chart
         var url = "aapl.csv";
         d3.csv(url, function(data) {
-            mychart.data = data;
-            mychart.draw_chart();
+            mychart.setSeriesData([data]);
+            mychart.render();
         });
       //]]>
     </script>

js/d3.tsline.js

@@ -262,8 +262,8 @@ function d3_tsline(id) {
 
         // set up scale and axis functions
         var diff = self.get_diff(w, values);
-        var x = d3.scale.linear()
-            .range([1, w + diff]) // overlap to make smooth scroll effect
+        var x = d3.time.scale()
+            .range([1, w + diff])
             .domain(self.domain.view.x);
         var y = d3.scale.linear()
             .range([h, 0])
@@ -338,9 +338,9 @@ function d3_tsline(id) {
 
         // set up scale and axis functions
         var diff = w / values[0].length;
-        var x = d3.scale.linear()
-            .range([1, w + diff]) // overlap to make smooth scroll effect
-            .domain(self.domain.summary.x);
+        var x = d3.time.scale()
+            .range([1, w + diff])
+            .domain(self.domain.view.x);
         var y = d3.scale.linear()
             .range([h, 0])
             .domain(self.domain.summary.y).nice();