Chart.js堆叠列无法识别堆叠参数,只能在一列中

时间:2018-07-30 08:12:11

标签: javascript graph chart.js stacked

我按照Chart.js的示例进行堆积的柱状图 http://www.chartjs.org/samples/latest/charts/bar/stacked-group.html

但是当我尝试为我的图形复制时... stack参数不起作用。 我使用的是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
                        }]
                    }
                }
            });
        };

`});

这是我的图表:

My Graph

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

菲尔

0 个答案:

没有答案
相关问题