Chart.js X轴长标签换行后显示异常问题求助

我用Chart.js绘制柱状图，初始状态下长标签可以正常显示。为实现X轴标签换行效果，我将每个标签按空格拆分为数组，此时图表的标签仅能正常显示一半。

相关代码如下：

const ctx = document.getElementById('mainChart');
_label = [ "JUMBO BAG RED RETROSPOT", "REGENCY CAKESTAND 3 TIER", "PARTY BUNTING", "WHITE HANGING HEART T-LIGHT HOLDER", "RECIPE BOX PANTRY YELLOW DESIGN", "SET OF 3 CAKE TINS PANTRY DESIGN ", "SMALL POPCORN HOLDER", "NATURAL SLATE HEART CHALKBOARD ", "LUNCH BAG  BLACK SKULL.", "LUNCH BAG SUKI DESIGN " ]
_data = [0,1,2,3,4,5,6,7,8,9]

function barChart(_data, _label, title, graph) {
    config_bar_chart = {
        type: "bar",
        data: {
            labels: _label.map(x => { return x.split(" "); }), // _labels
            datasets: [{
                label: title,
                data: _data,
            }],
        },
        options: { scales: {y: {beginAtZero: true } }, },
    }
    new Chart(graph, config_bar_chart)
}

barChart(_data = _data, _label = _label, title="", graph=ctx)

异常显示效果：

内容的提问来源于stack exchange，提问作者problème0123