React-chartjs-2: Stacked Bar Chart with time scale weird visualisation error

[flxwu]

What it looks like (false behavior)

My Options

options = {
    {
        legend: {
            display: false
        },
        maintainAspectRatio: false,
        scales: {
            xAxes: [{
                stacked: true,
                title: 'time',
                type: 'time',
                gridLines: {
                    lineWidth: 2
                },
                time: {
                    unit: 'day',
                    unitStepSize: 1
                },
                ticks: {
                    maxRotation: 0
                }
            }],
            yAxes: [{
                stacked: true,
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
}

My datasets

datasets: [{
        label: 'one',
        data: [{
                x: '2016-12-25',
                y: 20
            },
            {
                x: '2016-12-26',
                y: 10
            }
        ],
        backgroundColor: 'green'
    },
    {
        label: 'two',
        data: [{
                x: '2016-12-27',
                y: 20
            },
            {
                x: '2016-12-28',
                y: 10
            }
        ],
        backgroundColor: 'red'
    }
]
}

[Jebarson]

your dates are different. have two values on the same date and it should work

[flxwu]

But why can't it display the chart if I have two different dates wtf

[Jebarson]

Obviously that's the way stacked graph works. I will give you an opportunity to review your comment and remove profanity before i report you to the moderators. We all are developers here and I am just another developer who happens to use RC 2.