ReactJs Unable to create Stacked Grouped Bar Chart with chart.js / react-chartjs-2 in React

I see on their website that there is an option to create a stacked group bar chart (As seen here: http://www.chartjs.org/samples/latest/charts/bar/stacked-group.html) , but I cannot manage to create one in React using either chart.js or react-chartjs-2.

Has anyone done this before?

Versions:

react-chartjs-2: 2.6.4

chart.js: 2.6.0

I downgraded since I saw many people who advised on doing so but also with the updated versions I am unable to find the proper settings..

Thanks!

UPDATE

This worked:

 <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



I have a problem that I don't know how to solve. I'm trying to call an onClick that is inside of a Component. But got this error: Uncaught Error: Expected onClick listener to be a function, ...

I have a problem that I don't know how to solve. I'm trying to call an onClick that is inside of a Component. But got this error: Uncaught Error: Expected onClick listener to be a function, ...

I'm trying to develop a simple CMS for my page. I want it to where I can edit and delete a users reply on click of a button. I got the delete functionality done so I figured for the reply ...

I'm trying to develop a simple CMS for my page. I want it to where I can edit and delete a users reply on click of a button. I got the delete functionality done so I figured for the reply ...