猿问

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

我的示例当前看起来像这样:


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中实现?


慕村9548890
浏览 161回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答