Just set all the selected time unit’s displayFormat to MMM DD options: { scales: { xAxes: [{ type: ‘time’, time: { displayFormats: { ‘millisecond’: ‘MMM DD’, ‘second’: ‘MMM DD’, ‘minute’: ‘MMM DD’, ‘hour’: ‘MMM DD’, ‘day’: ‘MMM DD’, ‘week’: ‘MMM DD’, ‘month’: ‘MMM DD’, ‘quarter’: ‘MMM DD’, ‘year’: ‘MMM DD’, } … Notice that I’ve … Read more
Yes, there is a “hidden” flag in ChartJS. eg. data: { datasets: [ { data: [1,2,3], label: ‘My First Dataset’, hidden: true, }, ], } See this issue on GitHub: https://github.com/chartjs/Chart.js/issues/689
Solution for Version 1 (old charts version) According to documentation on chartjs.org you can set the ‘bezierCurve’ in options and pass it in when you create the chart. bezierCurve: false eg: var options = { //Boolean – Whether the line is curved between points bezierCurve : false }; var myLine = new Chart(document.getElementById(“canvas”).getContext(“2d”)).Line(lineChartData, options); Update … 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/
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.