为了账号安全,请及时绑定邮箱和手机立即绑定

如何在Chart.Js中将所有值的总和添加为甜甜圈图的图表标题?

如何在Chart.Js中将所有值的总和添加为甜甜圈图的图表标题?

慕村9548890 2021-04-07 17:18:18
我的示例当前看起来像这样:var ctx = document.getElementById("myChart");var myChart = new Chart(ctx, {    type: 'doughnut',    data: {        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],        datasets: [{            label: '# of Votes',            data: [12, 19, 3, 5, 2, 3],            backgroundColor: [                'rgba(255, 99, 132, 0.2)',                'rgba(54, 162, 235, 0.2)',                'rgba(255, 206, 86, 0.2)',                'rgba(75, 192, 192, 0.2)',                'rgba(153, 102, 255, 0.2)',                'rgba(255, 159, 64, 0.2)'            ],            borderColor: [                'rgba(255,99,132,1)',                'rgba(54, 162, 235, 1)',                'rgba(255, 206, 86, 1)',                'rgba(75, 192, 192, 1)',                'rgba(153, 102, 255, 1)',                'rgba(255, 159, 64, 1)'            ],            borderWidth: 1        }]    },    options: {        rotation: 1 * Math.PI,        circumference: 1 * Math.PI,        title: {           display: true,           text: 'Custom Chart Title',           position: 'bottom'        }     }});现在,我想显示来自data: [12, 19, 3, 5, 2, 3]图表的值的总和(因此,在这种情况下,标题将是44)。这里有一些示例提琴:https : //jsfiddle.net/ktq8mb0z/。如何在Chart.Js中实现?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 160 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信