title: ChartJS 2 How to globally remove xAxis gridLines?
body: <p>I'm using chartjs 2, and I'm trying to disable the grid lines on xAxis and enable grid lines on yAxis and make them dashed.</p>
  <p>I have achieved this functionality by adding this to my Line graph config;</p>
  <pre><code>scales: {
      xAxes: [{
          display: true,
          gridLines: {
              display: false,
          }
      }],
      yAxes: [{
          display: true,
          gridLines: {
              display: true,
              borderDash: [2],
              borderDashOffset: [2],
              color: 'rgba(0, 0, 0, 0.04)',
              drawBorder: false,
              drawTicks: false,
          }
      }]
  }
  </code></pre>
  <p>However, when I do this, it randomly adds another axis to my chart with completely bogus values. I want to remove this axis and keep the original but also keep the gridLines config.</p>
  <p><a href="https://i.stack.imgur.com/lbgRx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lbgRx.png" alt="enter image description here" /></a></p>