Javascript Chart.js stacked column无法识别stack参数,全部位于一列中

Javascript Chart.js stacked column无法识别stack参数,全部位于一列中,javascript,graph,chart.js,stacked,Javascript,Graph,Chart.js,Stacked,我将以Chart.js为例介绍堆叠柱形图 但当我尝试为我的图复制时。。。堆栈参数不起作用。 我使用的是2.4版。 这是我的密码 var color = Chart.helpers.color; var barChartData = { labels: [1,2,3,4,5,6,7]<?php // echo ($asse) ?> , datasets: [ {

我将以Chart.js为例介绍堆叠柱形图

但当我尝试为我的图复制时。。。堆栈参数不起作用。 我使用的是2.4版。 这是我的密码

        var color = Chart.helpers.color;

        var barChartData = {
            labels:  [1,2,3,4,5,6,7]<?php // echo ($asse) ?> ,
            datasets: [
                {
                    label: '2016',
                    backgroundColor: color('#FCB441').alpha(0.5).rgbString(),
                    borderColor: '#FCB441',
                    borderWidth: 1,
                    data:  [2,4,6,8,10,12,14] ,
                    stack: 0,
                },
                {
                    label: '2017',
                    backgroundColor: color('#FF0000').alpha(0.5).rgbString(),
                    borderColor: '#FF0000',
                    borderWidth: 2,
                    data:  [2,4,6,8,10,12,14] ,
                    stack: 0,
                },
                {
                    label: '3',
                    backgroundColor: color('#FFFF00').alpha(0.5).rgbString(),
                    borderColor: '#FFFF00',
                    borderWidth: 2,
                    data:  [1,2,3,4,5,6,7] ,
                    stack: 1,
                },
            ]
        };
        window.onload = function() {
            var ctx = document.getElementById('Chart_<?php echo $this->id ?>').getContext('2d');
            window.myBar = new Chart(ctx, {
                type: 'bar',
                data: barChartData,
                options: {

                    tooltips: {
                        mode: 'index',
                        intersect: false
                    },
                    responsive: true,
                    scales: {
                        xAxes: [{
                                stacked: true
                        }],
                        yAxes: [{
                                stacked: true
                        }]
                    }
                }
            });
        };
var color=Chart.helpers.color;
var barChartData={
标签:[1,2,3,4,5,6,7],
数据集:[
{
标签:“2016年”,
背景颜色:颜色('#FCB441').alpha(0.5).rgbString(),
边框颜色:“#FCB441”,
边框宽度:1,
数据:[2,4,6,8,10,12,14],
堆栈:0,
},
{
标签:“2017年”,
背景颜色:颜色('#FF0000').alpha(0.5).rgbString(),
边框颜色:'#FF0000',
边界宽度:2,
数据:[2,4,6,8,10,12,14],
堆栈:0,
},
{
标签:"3",,
背景颜色:颜色('#FFFF00').alpha(0.5).rgbString(),
边框颜色:'#FFFF00',
边界宽度:2,
数据:[1,2,3,4,5,6,7],
堆栈:1,
},
]
};
window.onload=函数(){
var ctx=document.getElementById('Chart_U2;').getContext('2d');
window.myBar=新图表(ctx{
类型:'bar',
数据:barChartData,
选项:{
工具提示:{
模式:“索引”,
交集:错
},
回答:是的,
比例:{
xAxes:[{
是的
}],
雅克斯:[{
是的
}]
}
}
});
};
`}))

这是我的图表:

我还是不明白我的错误在哪里,好像是演示代码。 谢谢你的建议


Phil

我看到的唯一区别是演示使用字符串作为
堆栈
属性,可能有一些类型检查,值没有转换为字符串?我已经尝试了字符串和整数类型,相同的结果在v.2.5.0中引入了分组堆栈。再见。您链接的示例使用v2.7.2.O我的上帝。。。谢谢你,伙计。。。我只是个白痴。。。我改变了版本,现在可以用了。