xAxes: Stacked doesn't appear to work

It appears that setting scales.xAxes[0].stacked = true in the options does not have an effect in react-chartjs-2, even though it works as expected in vanilla Chart.js.

      scales: {
        xAxes: [{
          stacked: true
        }]
      }

Demo: https://www.webpackbin.com/bins/-KeYdil1aIYyXyNOoybq The result should be that the bars are stacked on top of one another.

Any idea why it doesn’t work?

[timwis]

@AdeelK93 actually, Chart.js did support this functionality, which is one of the main reasons I explored the library further. But it seems like v2.5 introduced a regression breaking this functionality.

Example of the desired functionality using Chart.js v2.4: https://www.webpackbin.com/bins/-KfBFWirodI6k6U1b-bx

I’ll post this issue in the Chart.js repository. For now, the solution w/react-chartjs-2 is to use v2.4 of Chart.js as its peer dependency. So it’s okay to close this issue if you see fit.

EDIT: Posted at chartjs/Chart.js#4014

[jerairrest]

I believe it can be now. 😃 If there’s still troubles please reopen