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)", },