Improve visual information in Chart.js

0

I'm developing a system and I use chart.js to generate my charts. However, at the usability level, it is bad because it does not show all the information in the columns.

LookingatthechartaboveapparentlyshowsthatinformationexistsonlyintheTotalcolumn.WhenIclickthetotalcaptiontoremovetheviewfromthatcolumn,itshowsmetherestoftheinformation.

Ijustwantittoshowmetheinformationwithouthavingtoremovethecolumn,becausetheinformationisclosevaluesandnottoofaraway,isthereanywayIcandothat?

Demo: JsFiddle

    
asked by anonymous 15.03.2018 / 14:51

1 answer

1

Try to add beginAtZero to the scale setting in yAxes , which will make it explicit that the scale will start at zero.

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