Chartjs: Chart Not Show All Data

For some reason, this chart not show the last two data from the array. var data = { labels: ['Brasil', 'Argentina', 'Chile', 'Paraguai', 'Peru', 'Bolívia', 'México'], dat

Solution 1:

you need to set Y-Axis to start with 0, by default it start with the minimum value present in the data set which is 4 in your case. Due to this last 2 columns with value 4 are not visible.

yAxes: [{
            ticks: {
                beginAtZero:true
            }
        }]

updated Pen : http://codepen.io/anon/pen/LxxVBp?editors=0010

Solution 2:

The y-scale on your graph has a minimum of 4. The value of your last 2 points is 4, so they are not shown. Set the min to 0, or at least less than 4 and they will show.