title: Remove the vertical line in the chart js line chart
body: <p>I am using <code>Chart.js</code> to generate maps and have customised it to a good extent. But I am not able to remove the vertical grid line no matter what. Has anyone come across a situation like this? Help much appreciated.<br />
  <img src="https://i.stack.imgur.com/TZpib.png" alt="enter image description here" /></p>
  <p><strong>JavaScript</strong></p>
  <pre><code>    var ChartDataHome = {
          labels: [&quot;&quot;, &quot;NOV&quot;, &quot;DEC&quot;, &quot;JAN&quot;, &quot;FEB&quot;],
          datasets: [{
              strokeColor: &quot;rgba(255.255,255,1)&quot;,
              pointColor: &quot;rgba(159,209,154,1)&quot;,
              pointStrokeColor: &quot;rgba(255,255,255,1.00)&quot;,
              data: [4.5, 8.8, 7.5, 9.5, 7.8, 9]
          }]
      };
  
      var step = 2;
      var max = 10;
      var start = 0;
  
      ChartOptionsHome = {
          scaleLabel: &quot;&lt;%= value + ' K ' %&gt;&quot;,
          pointDot: false,
          bezierCurve: false,
          scaleOverride: true,
          scaleSteps: 10,
          scaleSteps: Math.ceil((max - start) / step),
          scaleStepWidth: step,
          scaleStartValue: start,
          scaleShowGridLines: true,
          scaleGridLineWidth: 0,
          scaleGridLineColor: &quot;rgba(0,0,0,0.1)&quot;,
          datasetFill: false,
          animation: true,
          animationSteps: 60,
          scaleFontColor: &quot;#ffffff&quot;,
          scaleFontSize: 14,
          scaleLineColor: &quot;rgba(255,255,255,1)&quot;,
          datasetStrokeWidth: 6,
          responsive: true,
      }
  
      if ($(&quot;#chartHome&quot;)[0]) {
          DrawTheChart(ChartDataHome, ChartOptionsHome, &quot;chartHome&quot;, &quot;Line&quot;);
      }
  </code></pre>