Stacked horizontal bar chart along total count with chart.js

Question

I am unable to find the solution to add the total count for Stacked horizontal bar chart !

codepen link: code link enter code here

Answer 1

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.}

ʟɪᴠᴇ ᴅᴇᴍᴏ