Chart.js Bar Chart: How to remove space between the bars in v2.3?

Question

I\'m trying to remove the space between my bar chart bars, but even though I see this solution many places it doesn\'t work for me. It\'s also not mentioned in the Chart.js

Answer 1

You need to set barPercentage and categoryPercentage to 1.0 on the x-axis scale. Add this to your options object:

var options = {
    ...
    scales: {
        xAxes: [{
            categoryPercentage: 1.0,
            barPercentage: 1.0
        }]
    }
};

See http://www.chartjs.org/docs/#bar-chart-chart-options