title: How to display axis borders only (no grid lines) in chartjs?
body: <p>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 <a href="https://codepen.io/ericfurspan/pen/pooxYzJ" rel="noreferrer">Codepen</a> shown below:</p>
  
  <pre><code>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 =&gt; `${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 =&gt; value.toLocaleString(),
            },
          } ],
        },
      }
  });
  </code></pre>
  
  <p>Any help or insight is appreciated; the settings I'd expect to work from the docs don't seem to be working.</p>