堆积水平条形图沿总计数与chart.js

Question

我无法找到添加Stacked水平条形图总数的解决方案！

codepen链接：code link enter code here

Answer 1

您可以使用以下代码在堆积的水平条形图中绘制/添加总计数：

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);

^{在图表的动画中添加这个onComplete函数。}

ʟɪᴠᴇ ᴅᴇᴍᴏ