Fixed issue with stackedArea calculating undefined x values

src/models/line.js

@@ -113,6 +113,7 @@ nv.models.line = function() {
       scatter
         .size(getSize)
         .id(id)
+        .interactive(interactive)
         .width(availableWidth)
         .height(availableHeight)
         .xDomain(x.domain())

src/models/stackedArea.js

@@ -10,6 +10,7 @@ nv.models.stackedArea = function() {
       style = 'stack',
       offset = 'zero',
       order = 'default',
+      interactive = true, // If true, plots a voronoi overlay for advanced point interection
       clipEdge = false, // if true, masks lines within x and y scale
       xDomain, yDomain;
 
@@ -70,7 +71,6 @@ nv.models.stackedArea = function() {
         var g = wrap.select('g');
 
         gEnter.append('g').attr('class', 'areaWrap');
-        gEnter.append('g').attr('class', 'scatterWrap');
 
 
         wrap.attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
@@ -91,21 +91,25 @@ nv.models.stackedArea = function() {
 
 
 
-        scatter
-          .width(availableWidth)
-          .height(availableHeight)
-          .xDomain(x.domain())
-          .yDomain(y.domain())
-          .x(getX)
-          .y(function(d) { return d.y + d.y0 }) // TODO: allow for getY to be other than d.y
-          .color(data.map(function(d,i) {
-            return d.color || color[i % 10];
-          }).filter(function(d,i) { return !data[i].disabled }));
+        //TODO: need to also remove area Hover/Click to turn off interactive
+        if (interactive) {
+          scatter
+            .width(availableWidth)
+            .height(availableHeight)
+            .xDomain(x.domain())
+            .yDomain(y.domain())
+            .x(getX)
+            .y(function(d) { return d.y + d.y0 }) // TODO: allow for getY to be other than d.y
+            .color(data.map(function(d,i) {
+              return d.color || color[i % 10];
+            }).filter(function(d,i) { return !data[i].disabled }));
 
-        var scatterWrap= g.select('.scatterWrap')
-            .datum(dataCopy.filter(function(d) { return !d.disabled }))
+          gEnter.append('g').attr('class', 'scatterWrap');
+          var scatterWrap= g.select('.scatterWrap')
+              .datum(dataCopy.filter(function(d) { return !d.disabled }))
 
-        d3.transition(scatterWrap).call(scatter);
+          d3.transition(scatterWrap).call(scatter);
+        }
 
 
         var area = d3.svg.area()
@@ -213,6 +217,12 @@ nv.models.stackedArea = function() {
     return chart;
   };
 
+  chart.interactive = function(_) {
+    if (!arguments.length) return interactive;
+    interactive = _;
+    return chart;
+  };
+
   chart.clipEdge = function(_) {
     if (!arguments.length) return clipEdge;
     clipEdge = _;

src/models/stackedAreaWithLegend.js

@@ -36,8 +36,8 @@ nv.models.stackedAreaWithLegend = function() {
             //.map(function(d) { return d.values });
             .reduce(function(prev, curr, index) {  //sum up all the y's
                 curr.values.forEach(function(d,i) {
-                  if (!index) prev[i] = {x: getX(d.x,i), y:0};
-                  prev[i].y += getY(d);
+                  if (!index) prev[i] = {x: getX(d,i), y:0};
+                  prev[i].y += getY(d,i);
                 });
                 return prev;
               }, []);
@@ -222,6 +222,8 @@ nv.models.stackedAreaWithLegend = function() {
 
   chart.dispatch = dispatch;
 
+  d3.rebind(chart, stacked, 'interactive');
+
   chart.x = function(_) {
     if (!arguments.length) return getX;
     getX = d3.functor(_); //not used locally, so could jsut be a rebind