无法在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在React中创建一个-2。

以前有人这样做过吗？

版本：

react-chartjs-2： 2.6.4

chart.js： 2.6.0

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

谢谢！

更新

这有效：

 <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
            }]
        }
    }
});