无法在React中使用chart.js / react-chartjs-2创建Stacked Grouped Bar Chart

Question

我在他们的网站上看到有一个创建堆叠组条形图的选项（如此处所示：http://www.chartjs.org/samples/latest/charts/bar/stacked-group.html），但我无法使用chart.js或react-chartjs-2在React中创建一个。

有没有人这样做过？

版本：

react-chartjs-2：2.6.4

chart.js：2.6.0

我降级了，因为我看到很多人建议这样做，但也有更新版本我无法找到正确的设置..

谢谢！

UPDATE

这有效：

 <Bar
    data={data}
    width={400}
    height='150'
    options={{
        tooltips: {
            mode: 'point',
            intersect: false,
        },

        responsive: true,
        scales: {
            xAxes: [{
                stacked: true,
            }],
            yAxes: [{
                ticks: {
                    beginAtZero: true
                },
                stacked: false
            }]
        }
    }}
/>

Answer 1

你试过这个吗？

var stackedBar = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: {
        scales: {
            xAxes: [{
                stacked: true
            }],
            yAxes: [{
                stacked: true
            }]
        }
    }
});