Improve visual information on Chart.js

Question

I am developing a system and I use Chart.js to generate my graphics. However, at the level of usability, it is bad, because it does not show all the information of the columns.

Looking at the above graph it seems to show that there is information only in the Total column. When I click on the total caption to remove the view from that column, it shows me the rest of the information

It’s just that I’d like him to show me the information without having to remove the column, because the information is close and not too far away, there’s some way I can do this?

Demo: Jsfiddle

Answer 1

Try to add the beginAtZero in the scale configuration on yAxes, where it will make it clear that the scale starts at zero.

 scales: {
    yAxes: [{ 
      ticks: {
              beginAtZero: true
              },
              scaleLabel: {
                  display: true,
              labelString: "Quantidade"
            }
       }],