How to display axis borders only (no grid lines) in chartjs?

Question

So I only want to show the axes border lines - and hide the grid lines. This is using the latest version of the chart.js package (2.9.3) and I have replicated my issue in a simplified Codepen shown below:

var myChart = new Chart(ctx, {
type: 'scatter',
data: {
  labels: [4, 0],
  datasets: [{
    data: [
      { group_name: "Group A", x: 4, y: 25 },
      { group_name: "Group B", x: 0, y: 0 },
    ],
  }],
},
options: {
      legend: { display: false },
      scales: {
        yAxes: [ {
          type: 'logarithmic',
          scaleLabel: { display: true, labelString: 'Active %', fontSize: 15 },
          position: 'left',
          gridLines: { display: false, drawBorder: true },
          ticks: {
            min: 0,
            max: 50,
            maxTicksLimit: 4,
            padding: 10,
            callback: value => `${value.toLocaleString()}%`,
          },
        } ],
        xAxes: [ {
          type: 'logarithmic',
          position: 'bottom',
          scaleLabel: { display: true, labelString: 'User Count', fontSize: 15 },
          gridLines: { display: false, drawBorder: true },
          ticks: {
            min: 0,
            maxTicksLimit: 6,
            padding: 10,
            callback: value => value.toLocaleString(),
          },
        } ],
      },
    }
});

Any help or insight is appreciated; the settings I'd expect to work from the docs don't seem to be working.

Answer 1

gridLines: { drawBorder: true, lineWidth: 0 }