如何使用chart.js在饼图中显示多级数据集

Question

我在项目中使用chart.js，但现在要求已更改。我正在使用sql从数据库中获取多层次的分组数据，即分组中的分组。我必须展示在不同部门发生的不同罪行。因此，请按名称从sql分组犯罪中提取数据，然后再按部门对分组进行分组。     我应该如何使用chart.js在饼图中显示此数据，如果选择两个分区，则应该将犯罪汇总得出汇总数据。之前我使用的是以下js代码

var offcname = []; var colorArray = []; var i = 0; var yearname;

if (result[1] == undefined || result[1] == null || result[1].length < 1) {
    debugger;
    piechartArray.push(0);
    offcname.push('No Data to Display');
    colorArray.push(COLORS[i]);
    if (i == 0) { yearname = new Date().getFullYear() }
} else {
    $.each(result[1], function (key, value) {
        debugger;
        piechartArray.push(value.total);
        offcname.push(value.name);
        colorArray.push(COLORS[i]);
        if (i == 0) { yearname = value.year }
        i++;
    });
}

$('#pieGphLabel').html('[' + yearname + ']');

var config = {
    type: 'pie',
    data: {
        labels: offcname,
        datasets: [{
            data: piechartArray,
            backgroundColor: colorArray,
        }],
    },
    options: {
        responsive: true
    }
};
debugger;
var ctx = document.getElementById('myPieChart').getContext('2d');
window.myPie = new Chart(ctx, config);
debugger;