options: {
responsive: true,
animation: {
onProgress: drawBarValues,
onComplete: drawBarValues
},
hover: { animationDuration: 0 }
}
function drawBarValues()
{
// render the value of the chart above the bar
var ctx = this.chart.ctx;
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
ctx.fillStyle = this.chart.config.options.defaultFontColor;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
this.data.datasets.forEach(function (dataset) {
for (var i = 0; i < dataset.data.length; i++) {
if(dataset.hidden === true && dataset._meta[Object.keys(dataset._meta)[0]].hidden !== false){ continue; }
var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
if(dataset.data[i] !== null){
ctx.fillText(dataset.data[i], model.x - 1, model.y - 5);
}
}
});
}
Tidak ada komentar:
Posting Komentar