Chart.jsでラベルごとの境界幅をなくす

前提・実現したいこと

時間毎のアクセス回数をChart.jsを利用しグラフ化しようとしています。
ラベルは1週間、日付毎に表示し1日24本棒グラフの表示を考えています。
下記添付画像の赤枠部分の境界幅をなくし、データが続いているよう表現したいのですが、可能でしょうか？
また、ほかに何かいい方法があればご教授いただきたいです。

該当のソースコード

JavaScript
1var ctx = document.getElementById("chart");
2var myBar = new Chart(ctx, {
3    type: 'bar',
4    data: {
5        labels: label_data,
6        datasets: [
7            {
8                data: [5,20,11,2,30],
9            },
10            ...
11            },
12        ]
13    },
14    options: {
15        
16    }
17});

試したこと

optionsのxAxesにbarPercentage設定
optionsのxAxesにcategoryPercentage設定

行動規範の内容に同意します

回答1件

自己解決

考え方が間違っていました。
一週間*時間のラベルを設定し、下記参考に表示するラベルを制限してあげることにより実現できました。
https://qiita.com/kytiken/items/6f22b538ef67b9ea6f1e

ラベルに表示する文字は修正していませんが、対応できそうです

ソースコード

var base_day = new Date();
base_day.setDate(base_day.getDate() - 6) 
var label_data = [];
for (let index = 0; index < 7; index++) {

    for (let time_index = 0; time_index < 24; time_index++) {
        label_data.push(time_index);
    }
}

var ctx = document.getElementById("chart");
var myBar = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: label_data,
        datasets: [
            {
                data: [1,2,3,4,5,6,7,8,9]
            },
        ]
    },
    options: {
        scales: {
            xAxes: [{
                ticks: {
                    autoSkip: false,
                    callback: function(value) {return ((value % 24) == 0)? value : ''},
                },
            }],
            yAxes: [{
                ticks: {
                    min: 0,
                },
            }],
        },
        legend: {
            display: false
        },
    }
});