两个图表形成而不是一个图表

Question

我正在使用 canvas js 制作圆环图。我正在使用自定义 js 代码，我从 XML 获取响应，然后指向数据点

在这里，当我将图表类型更改为 "line" 时，图表表现正常，但是当我将图表类型更改为“饼图”或“圆环图”时，现在它不是一张图表给了我两张图表。它是如何工作的，有人可以通过灯光取悦吗？

我的密码是

$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;
    }

Answer 1

Line, Column and other chart-types supports multi-series whereas pie/doughnut 是单系列图表。

您正在创建多个 data-series 而不是 1 个 data-series 和多个数据点。使用多个 dataPoints instead of multiple dataSeries 创建单个系列可以正常工作。

两个图表形成而不是一个图表

Two chart forming instead of one chart

html

javascript

angularjs

canvasjs