javascript - How to change the width of barchart div in chartjs?

Question

I'm currently doing the Barchart in chartjs and I'm having a hard time finding the correct props that will change the width of the cell.

I want to set the cell/div of barchart to 100px. I have tried these option props e.g. categoryPercentage, barPercentage, but it does not allow me to set it to 100px. Someone could help how to do it?

Here's a sample codepen

Demo picture:

Answer 1

You are searching for barThickness

Note: It's only available in Chart.js 2.2.0+

data: {
    datasets: [{
        barThickness: 100,
        data: [10, 20, 30, 40, 50, 60, 70]
    }]
};

Demo