小编Nis*_*rma的帖子

在chart.js的堆积条形图中显示百分比和总数

我正在使用 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)

html javascript jquery bar-chart chart.js

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

bar-chart ×1

chart.js ×1

html ×1

javascript ×1

jquery ×1