title: Chart.js remove border from x/y Axis
body: <p>I'm using <a href="http://www.chartjs.org/docs/" rel="nofollow noreferrer">Chart.js</a> for one of my projects. In which I want to remove border from x/y axis. Any help would be really helpful.  Refer Attached Image
  <a href="https://i.stack.imgur.com/o4e06.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o4e06.jpg" alt="enter image description here"></a>
  Please not that I'm not referring to the GridLines(Which I already turned off using scaleShowGridLines : false)</p>
  
  <p><strong>Chart Script</strong></p>
  
  <pre><code>var topVideos = {
      labels : ["","","","",""],
      datasets : [
        {
          fillColor : "rgba(2,137,203,1)",
          strokeColor : "rgba(220,220,220,0)",
          highlightFill: "rgba(2,137,203,0.8)",
          highlightStroke: "rgba(220,220,220,0)",
          data : [90000, 200000, 70000, 100000, 180000 ]
        }
      ]
  
  }
  window.onload = function(){
      var ctx = $("#topvideos").get(0).getContext("2d");
      window.myBar = new Chart(ctx).HorizontalBar(topVideos, {
        responsive : true,
        barShowStroke: false,
        scaleShowGridLines : false,
        barValueSpacing : 7,
        barDatasetSpacing : 30,
      });
  }
  </code></pre>
  
  <p>Thanks in Advance.</p>