title: Chart.js bar chart bars and labels do not align
body: <p>I am using Chart.js to display some data as bar chart. An example of this data is:</p>
  
  <blockquote>
    <p>{New York: 29033, San Francisco[: 33432, Oklahoma City: 38202}, etc.</p>
  </blockquote>
  
  <p>When I use these datasets with the Chart.js to create a bar chart, the bars of the charts appear squashed together with the labels either squashed together as well, or too far apart, depending on the amount of labels that are created.</p>
  
  <p>Is there a way to align the bars and the labels so that they fit equally?</p>
  
  <p><img src="https://i.stack.imgur.com/B3p0E.png" alt="bar chart"></p>