title: Chart.js setting maximum bar size of bar chart
body: <p>I want to limit the maximum width of a bar chart </p>
  
  <p><strong>My CODE:</strong></p>
  
  <pre><code>    &lt;script&gt;
          // bar chart data
          var a=[];
              a.push('kalai 2015-04-11');
          var b=[];
              b.push('300');
          var barData = {
              labels : a,
  
              datasets : [
                  {
                      fillColor : "#48A497",
                      strokeColor : "#48A4D1",
                      data : b
  
                  }
              ]
          }
          // get bar chart canvas
          var income = document.getElementById("income").getContext("2d");
          // draw bar chart
          new Chart(income).Bar(barData, {scaleGridLineWidth : 1});
          &lt;!--new Chart(income).Bar(barData);--&gt;
      &lt;/script&gt;   
  </code></pre>
  
  <p>What is the way to do so </p>
  
  <p>It looks like this for single value
  <img src="https://i.stack.imgur.com/lKTBN.png" alt="Single element"></p>
  
  <p>The size of the bar reduces as the number of bar increases How can i set maximum bar size to make it more viewable  </p>