Clip regression lines to within data view in scatterPlusLineChart.js

examples/scatterPlusLineChart.html

@@ -91,7 +91,7 @@ function randomData(groups, points) { //# groups,# points per group
     data.push({
       key: 'Group ' + i,
       values: [],
-      slope: Math.random() - .5,
+      slope: Math.random() - .01,
       intercept: Math.random() - .5
     });
 

nv.d3.js

@@ -9026,6 +9026,8 @@ nv.models.scatterPlusLineChart = function() {
           .call(scatter);
 
 
+      wrap.select('.nv-regressionLinesWrap')
+          .attr('clip-path', 'url(#nv-edge-clip-' + scatter.id() + ')');
 
       var regWrap = wrap.select('.nv-regressionLinesWrap').selectAll('.nv-regLines')
                       .data(function(d) { return d });

src/models/scatterPlusLineChart.js

@@ -216,6 +216,8 @@ nv.models.scatterPlusLineChart = function() {
           .call(scatter);
 
 
+      wrap.select('.nv-regressionLinesWrap')
+          .attr('clip-path', 'url(#nv-edge-clip-' + scatter.id() + ')');
 
       var regWrap = wrap.select('.nv-regressionLinesWrap').selectAll('.nv-regLines')
                       .data(function(d) { return d });