Javascript 用两张图表代替一张图表

我正在使用canvas js制作一个甜甜圈图表。我正在使用一个定制的js代码，从XML中获取响应，然后指向数据点

在这里，当我将图表类型更改为“线”时，图表的行为与它应该的一样，但当我将图表类型更改为“饼”或“油炸圈饼”时，因此，现在，它给我的不是一个图表，而是两个图表。它是如何工作的，有人能通过灯光取悦吗

我的代码是

$scope.loadChartValue = function (data, scopes) {
        scopes.data_id = [];
        scopes.legend_text = "";
        scopes.inner_chart_data = [];

        for (var i = 0; i <= data.length; i++) {
            var arrayvalue = data[0].data[i]._attr;
            if (existsInArray(scopes.data_id, arrayvalue.label._value) == false) {
                scopes.data_id.push(arrayvalue.label._value);
            }
        }
        for (var i = 0; i < scopes.data_id.length; i++) {
            scopes.inner_chart_data = [];
            for (var j = 0; j <= data.length; j++) {
                if (data[0].data[j]._attr.label._value == scopes.data_id[i]) {

                    scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, y: data[0].data[j]._attr.value._value });
                    scopes.legend_text = data[0].data[j]._attr.label._value;
                }
            }
            scopes.dataset.push(
                       {
                           type: "doughnut",

                           markerType: "circle",
                           markerSize: scopes.markersize,
                           color: scopes.chart_color_value[i],
                           showInLegend: true,
                           name: scopes.legend_text,
                           legendText: scopes.legend_text,
                           dataPoints: scopes.inner_chart_data
                       }
               );
        }
        scopes.data_length = data.length / scopes.data_id.length;
    }

$scope.loadChartValue=函数（数据，范围）{
scopes.data_id=[]；
scopes.legend_text=“”；
scopes.inner_chart_data=[]；
对于（var i=0；i）和其他图表类型，支持而/是单系列图表

您正在创建多个数据系列，而不是一个包含多个数据点的数据系列。使用多个数据点而不是多个数据点创建单个数据系列可以正常工作