我正在使用 chart.js 处理堆叠条形图。我需要将条形中间的标签显示为堆叠在一起的条形顶部的百分比和总和。目前,我可以在搜索代码后显示他们的百分比。但是这个百分比在数学上是不正确的。我已经在 js fiddle 中添加了该代码。希望我得到一些帮助。我只是在js方面很弱。
https://jsfiddle.net/n4nish/hca3wdgq/4/
HTML -
var data = [{
label: 'New',
backgroundColor: '#1d3f74',
data: [6310, 5742, 4044, 5564]
}, {
label: 'Repeat',
backgroundColor: '#6c92c8',
data: [11542, 12400, 12510, 11450]
}];
var options = {
maintainAspectRatio: false,
spanGaps: false,
responsive: true,
legend: {
display: true,
position: 'bottom',
labels: {
fontColor: "#fff",
boxWidth: 14,
fontFamily: 'proximanova'
}
},
tooltips: {
mode: 'label',
callbacks: {
label: function (tooltipItem, data) {
var type = data.datasets[tooltipItem.datasetIndex].label;
var value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
var …Run Code Online (Sandbox Code Playgroud)