For Chart.js 2.*, the option for the scale to begin at zero is listed under the configuration options of the linear scale. This is used for numerical data, which should most probably be the case for your y-axis. So, you need to use this: options: { scales: { yAxes: [{ ticks: { beginAtZero: true } … Read more
There is an official plugin for Chart.js 2.7.0+ to do this: Datalabels Otherwise, you can loop through the points / bars onAnimationComplete and display the values Preview HTML <canvas id=”myChart1″ height=”300″ width=”500″></canvas> <canvas id=”myChart2″ height=”300″ width=”500″></canvas> Script var chartData = { labels: [“January”, “February”, “March”, “April”, “May”, “June”], datasets: [ { fillColor: “#79D1CF”, strokeColor: “#79D1CF”, … Read more
Just set the label and tooltip options like so … options: { legend: { display: false }, tooltips: { callbacks: { label: function(tooltipItem) { return tooltipItem.yLabel; } } } } Fiddle – http://jsfiddle.net/g19220r6/
Update: Looks like chartjs has been updated (see comment below). There are some examples up that look very nice: Here’s an example of updating a line chart using new data: http://jsbin.com/yitep/5/edit Here’s how we can update existing data on a line chart: http://jsbin.com/yitep/4/edit Original Post As of Nov 2013, there seem to be very few … Read more
If you disable the maintain aspect ratio in options then it uses the available height: var chart = new Chart(‘blabla’, { type: ‘bar’, data: { }, options: { maintainAspectRatio: false, } });
For chart.js V2 (beta), use: var options = { scales: { yAxes: [{ display: true, ticks: { suggestedMin: 0, // minimum will be 0, unless there is a lower value. // OR // beginAtZero: true // minimum value will be 0. } }] } }; See chart.js documentation on linear axes configuration for more details.