title: Using Chart.js - The X axis labels are not all showing
body: <p>I'm using Chart.js for my pie/bar charts and on the line and the bar chart all of the 'x' axis labels are not all showing for some reason, however in the pie chart they are:</p>
  
  <p><a href="https://i.stack.imgur.com/caqQz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/caqQz.png" alt="**Image of all 3 graphs along side**"></a></p>
  
  <p><strong>Code below has been used and the 'type' has just been altered for the type of graph I wished to use:</strong></p>
  
  <pre><code>var ctx = document.getElementById("my3Chart");
  
  var mylineChart = new Chart(ctx, {
      type: 'bar',
      data: {
          labels: ["Time Management", "Career Coach", "Stress &amp; Wellbeing", "Note Taking", "Exam Prep", "Presentations"],
          datasets: [{
              label: 'Module Tracker',
              data: [6, 4, 2, 0, 3, 1],
              backgroundColor: [
                  'rgba(255, 99, 132, 0.2)',
                  'rgba(54, 162, 235, 0.2)',
                  'rgba(255, 206, 86, 0.2)',
                  'rgba(75, 192, 192, 0.2)',
                  'rgba(153, 102, 255, 0.2)',
                  'rgba(255, 159, 64, 0.2)'
              ],
              borderColor: [
                  'rgba(255,99,132,1)'
              ],
              borderWidth: 1
          }]
      },
      options: {
          scales: {
              yAxes: [{
                  ticks: {
                      beginAtZero:true
                  }
              }]
          }
      }
  });
  </code></pre>