Adhere to pointDot option in config

- Added `display` property on Point classes, to determine whether the
draw sequence should run or not.

Author: nnnick

Chart.js

@@ -1047,20 +1047,21 @@
 			return ((Math.pow(chartX-this.x, 2)+Math.pow(chartY-this.y, 2)) < Math.pow(hitDetectionRange,2));
 		},
 		draw : function(){
-			var ctx = this.ctx;
-			ctx.beginPath();
-
-			ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
-			ctx.closePath();
+			if (this.display){
+				var ctx = this.ctx;
+				ctx.beginPath();
 
-			ctx.strokeStyle = this.strokeColor;
-			ctx.lineWidth = this.strokeWidth;
+				ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
+				ctx.closePath();
 
-			ctx.fillStyle = this.fillColor;
+				ctx.strokeStyle = this.strokeColor;
+				ctx.lineWidth = this.strokeWidth;
 
-			ctx.fill();
-			ctx.stroke();
+				ctx.fillStyle = this.fillColor;
 
+				ctx.fill();
+				ctx.stroke();
+			}
 
 
 			//Quick debug for bezier curve splining
@@ -2419,6 +2420,7 @@
 			this.PointClass = Chart.Point.extend({
 				strokeWidth : this.options.pointDotStrokeWidth,
 				radius : this.options.pointDotRadius,
+				display: this.options.pointDot,
 				hitDetectionRadius : this.options.pointHitDetectionRadius,
 				ctx : this.chart.ctx,
 				inRange : function(mouseX){
@@ -3023,6 +3025,7 @@
 			this.PointClass = Chart.Point.extend({
 				strokeWidth : this.options.pointDotStrokeWidth,
 				radius : this.options.pointDotRadius,
+				display: this.options.pointDot,
 				hitDetectionRadius : this.options.pointHitDetectionRadius,
 				ctx : this.chart.ctx
 			});

Chart.min.js

@@ -1047,20 +1047,21 @@
 			return ((Math.pow(chartX-this.x, 2)+Math.pow(chartY-this.y, 2)) < Math.pow(hitDetectionRange,2));
 		},
 		draw : function(){
-			var ctx = this.ctx;
-			ctx.beginPath();
-
-			ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
-			ctx.closePath();
+			if (this.display){
+				var ctx = this.ctx;
+				ctx.beginPath();
 
-			ctx.strokeStyle = this.strokeColor;
-			ctx.lineWidth = this.strokeWidth;
+				ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
+				ctx.closePath();
 
-			ctx.fillStyle = this.fillColor;
+				ctx.strokeStyle = this.strokeColor;
+				ctx.lineWidth = this.strokeWidth;
 
-			ctx.fill();
-			ctx.stroke();
+				ctx.fillStyle = this.fillColor;
 
+				ctx.fill();
+				ctx.stroke();
+			}
 
 
 			//Quick debug for bezier curve splining

src/Chart.Core.js

@@ -57,6 +57,7 @@
 			this.PointClass = Chart.Point.extend({
 				strokeWidth : this.options.pointDotStrokeWidth,
 				radius : this.options.pointDotRadius,
+				display: this.options.pointDot,
 				hitDetectionRadius : this.options.pointHitDetectionRadius,
 				ctx : this.chart.ctx,
 				inRange : function(mouseX){

src/Chart.Line.js

@@ -70,6 +70,7 @@
 			this.PointClass = Chart.Point.extend({
 				strokeWidth : this.options.pointDotStrokeWidth,
 				radius : this.options.pointDotRadius,
+				display: this.options.pointDot,
 				hitDetectionRadius : this.options.pointHitDetectionRadius,
 				ctx : this.chart.ctx
 			});