如何格式化datalabel插件以在甜甜圈图上显示总数的百分比

Question

我正在尝试在甜甜圈图上显示总金额的百分比。我尝试使用与工具提示类似的格式设置功能，但无济于事。

工具提示标签如下（从michiel的CodePen中获取）-

tooltips: {
    mode: 'single',
    callbacks: {
        label: function (tooltipItems, data) {
            var sum = data.datasets[0].data.reduce(add, 0);
            function add(a, b) {
                return a + b;
            }
            return parseInt((data.datasets[0].data[tooltipItems.index] / sum * 100), 10) + '%';
        }
    }
}

这是我尝试将％格式应用于datalabels插件-

formatter: function (datalabels, value) {
    var value = data.datasets[0].data.reduce(add, 0);
    function add(a, b) {
        return a + b;
    }
    return parseInt((data.datasets[0].data[datalabels.index] / value * 100), 10) + '%';
}