Accepted answer

inside your variable forecastoptions, you just need to add the so-called scales option.

var forecastoptions = {
    scales: {
        xaxes: [{
            barpercentage: 0.7,
            categorypercentage: 1

this adjusts the width of the bars (barpercentage) and that of all the bars as a whole (categorypercentage)

you can change 0.7 to however wide you want it to get. the extra space around all the bars is due to the fact that they fall under the same category, and that option is set to 0.8 as default, meaning that the 5 bars will only take up 80% as a whole.

hope this helps

Related Query

More Query from same tag