diff --git a/samples/scatter-multi-axis.html b/samples/scatter-multi-axis.html
new file mode 100644
index 000000000..8d4658471
--- /dev/null
+++ b/samples/scatter-multi-axis.html
@@ -0,0 +1,221 @@
+
+
+
+
+ Scatter Chart Multi Axis
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/Chart.Scale.js b/src/Chart.Scale.js
index e07aacb03..3707597b6 100644
--- a/src/Chart.Scale.js
+++ b/src/Chart.Scale.js
@@ -538,9 +538,11 @@
xValue += helpers.aliasPixel(this.ctx.lineWidth);
// Draw the label area
- this.ctx.beginPath();
- this.ctx.moveTo(xValue, yTickStart);
- this.ctx.lineTo(xValue, yTickEnd);
+ if (this.options.gridLines.drawTicks) {
+ this.ctx.beginPath();
+ this.ctx.moveTo(xValue, yTickStart);
+ this.ctx.lineTo(xValue, yTickEnd);
+ }
// Draw the chart area
if (this.options.gridLines.drawOnChartArea) {
@@ -602,9 +604,11 @@
yValue += helpers.aliasPixel(this.ctx.lineWidth);
// Draw the label area
- this.ctx.beginPath();
- this.ctx.moveTo(xTickStart, yValue);
- this.ctx.lineTo(xTickEnd, yValue);
+ if (this.options.gridLines.drawTicks) {
+ this.ctx.beginPath();
+ this.ctx.moveTo(xTickStart, yValue);
+ this.ctx.lineTo(xTickEnd, yValue);
+ }
// Draw the chart area
if (this.options.gridLines.drawOnChartArea) {
diff --git a/src/Chart.Scatter.js b/src/Chart.Scatter.js
index 10aa6757c..8267f2a8b 100644
--- a/src/Chart.Scatter.js
+++ b/src/Chart.Scatter.js
@@ -21,6 +21,7 @@
color: "rgba(0, 0, 0, 0.05)",
lineWidth: 1,
drawOnChartArea: true,
+ drawTicks: true,
zeroLineWidth: 1,
zeroLineColor: "rgba(0,0,0,0.25)",
},
@@ -53,6 +54,7 @@
color: "rgba(0, 0, 0, 0.05)",
lineWidth: 1,
drawOnChartArea: true,
+ drawTicks: true, // draw ticks extending towards the label
zeroLineWidth: 1,
zeroLineColor: "rgba(0,0,0,0.25)",
},