Cap bezier handles inside the scale

chartjs · Aug 17, 2014 · 179d80a · 179d80a
1 parent 48f1019
commit 179d80a
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/Chart.Line.js b/src/Chart.Line.js
@@ -291,6 +291,24 @@
 							nextPoint(point, pointsWithValues, index),
 							tension
 						);
+
+						// Prevent the bezier going outside of the bounds of the graph
+
+						// Cap puter bezier handles to the upper/lower scale bounds
+						if (point.controlPoints.outer.y > this.scale.endPoint){
+							point.controlPoints.outer.y = this.scale.endPoint;
+						}
+						else if (point.controlPoints.outer.y < this.scale.startPoint){
+							point.controlPoints.outer.y = this.scale.startPoint;
+						}
+
+						// Cap inner bezier handles to the upper/lower scale bounds
+						if (point.controlPoints.inner.y > this.scale.endPoint){
+							point.controlPoints.inner.y = this.scale.endPoint;
+						}
+						else if (point.controlPoints.inner.y < this.scale.startPoint){
+							point.controlPoints.inner.y = this.scale.startPoint;
+						}
 					},this);
 				}