使用chart.js沿总计数堆叠水平条形图 [英] Stacked horizontal bar chart along total count with chart.js

问题描述

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

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

codepen链接： 在此处输入代码

codepen link: code link enter code here

推荐答案

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

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

^{将此内容添加到图表的动画onComplete函数中。 / sup>}

^{add this inside chart­'s animation onComplete function.}

ʟɪᴠᴇᴅᴇᴍᴏ

这篇关于使用chart.js沿总计数堆叠水平条形图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！