title: Increase Chart.js Scale Padding/Margin
body: <p>How do I increase the separation between the border and the bar?</p>
  
  <p><strong>Example image:</strong><br>
  <a href="https://imgur.com/a/AamLT" rel="noreferrer">http://imgur.com/a/AamLT</a></p>
  
  <p><a href="https://i.stack.imgur.com/ZB07P.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/ZB07P.jpg" alt="image"></a></p>
  
  <p><strong>Current Code:</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var canvas = document.getElementById('myChart');
  var data = {
      labels: ["January"],
      datasets: [
          {
              label: "My First dataset",
              backgroundColor: "rgba(255,99,132,0.2)",
              borderColor: "rgba(255,99,132,1)",
              borderWidth: 2,
              hoverBackgroundColor: "rgba(255,99,132,0.4)",
              hoverBorderColor: "rgba(255,99,132,1)",
              data: [65, 59, 30, 81, 56, 55, 40],
          }
      ]
  };
  var option = {
  
  };
  
  
  var myBarChart = Chart.Bar(canvas,{
   data:data,
    options:option
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js"&gt;&lt;/script&gt;
  &lt;canvas id="myChart" width="400" height="500"&gt;&lt;/canvas&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>JSFiddle:</strong><br>
  <a href="https://jsfiddle.net/palaceslittle/mfvmoy64/217/" rel="noreferrer">https://jsfiddle.net/palaceslittle/mfvmoy64/217/</a></p>