[Chartjs]-Stacked horizontal bar chart along total count with chart.js

8👍

You can use the following code to draw/add total count in your stacked horizontal bar chart :

this.data.datasets[0].data.forEach(function(data, index) {
   var total = data + this.data.datasets[1].data[index];
   var meta = chartInstance.controller.getDatasetMeta(1);
   var posX = meta.data[index]._model.x;
   var posY = meta.data[index]._model.y;
   ctx.fillStyle = 'black';
   ctx.fillText(total, posX + 4, posY + 4);
}, this);

add this inside chart­‘s animation onComplete function.

ʟɪᴠᴇ ᴅᴇᴍᴏ

Leave a comment