使用 chart.js 沿总计数堆叠水平条形图

Question

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

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函数中。}

ʟɪᴠᴇ ᴅᴇᴍᴏ