v4.4 多线图 _ 崩溃并显示未定义-解网

问：

它在 core.datasetController.js 的第 277 行崩溃

我为什么会在那里？

它正在处理的属性似乎已填充，但我不明白为什么？

我正在有效地尝试使用堆叠在 y 轴上显示具有相同 x 轴的 6 条线

有什么想法吗？皮特

我使用了Chrome的调试功能，这就是为什么我知道崩溃发生的位置，但不知道为什么。这是我的代码：


<body>
<div id="chart-container">
<canvas id="graphCanvas"></canvas>
</div>
<script type="text/javascript">
$(document).ready(function () {showGraph();});

function showGraph()
{$.post("data_stacked.php",function (data)
{
    console.log(data);
    var tags = [];
    var annee = [];
    var number = [];
    var data_set = [];
    var backgroundColors = [
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)',
      'rgb(255, 99, 132)',
      'rgb(54, 162, 235)',
      'rgb(255, 205, 86)'
                ];
    i = 0;
    data_array=JSON.parse(data);
    Object.keys(data_array).forEach(key => {
    annee = [];
    number =[];
    college = key;
    let element = new Object();
    Object.keys(data_array[college]).forEach(key => {
        annee.push(key);
        if (!tags.includes(key)) tags.push(key);
        element = data_array[college][key];
        number.push(element);
    });
    data_set[i] = [
    {
    label: college,
    backgroundColor: backgroundColors[i],
    stack:'combined',
    type:'line',
    fill: false,
    borderColor: '#46d5f1',
    hoverBackgroundColor: '#CCCCCC',
    hoverBorderColor: '#666666',
    data: number
    }];
    i++;
    }); 
    
var chartdata = {
    labels: tags,
    datasets: data_set,
    options: {
    scales: {
        y: {
        stacked: true
        }
    },
    plugins: {
        title: {
        display: true,
        text: 'Adhérents'
        }
    }
    }
}
    
var graphTarget = $("#graphCanvas");
console.log(chartdata);
var Graph = new Chart(graphTarget, {
    type: 'line',
    data: chartdata
});
});
}    
</script>
</body>

崩溃图表.js 多行堆叠

v4.4 多线图 _ 崩溃并显示未定义

v4.4 Multiline chart _ crashes with undefined

评论