Chart.js formatted tick labels
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.js"></script>
<canvas id="myChart" style="width:400px; height:400px;"></canvas>
JavaScript
var
// Element
ctx = document.getElementById("myChart"),
// Data
data = {
labels: ['First', 'Second', 'Third', 'Fourth'],
datasets: [{
label: 'Sample',
data: [2982, 1039, 3200, 2300],
backgroundColor: "rgba(90, 150, 220, 0.85)",
borderColor: "rgba(70, 120, 180, 1)",
borderWidth: 2
}],
},
// Options
options = {
scales: {
yAxes: [{
ticks: {
callback: function(value) {
return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
}]
}
};
chart_trans_hari = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});