How to prevent hiding axis labels without enough space

[GniLudio]

When I create bar chart and there isn't enough space for the axis labels, some labels are hidden.

How can I prevent that some labels are hidden?

I know that there are better solutions for splitting the labels into multiple lines, but that doesn't solve the underlying problem.

HTML

<div> <canvas id="myChart"></canvas> </div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
    const ctx = document.getElementById("myChart");
    const amount = 25;
    const labels = Array.from({ length: amount }, (_, i) => `Label ${i} withsomeveryveryverylongword and another veryveryverylongword`);
    const data = Array.from({ length: amount }, () => Math.random());
    new Chart(ctx, {
        type: "bar",
        data: { 
            labels, 
            datasets: [ 
                { 
                    label: "Data", 
                    data 
                } 
            ] 
        },
        options: {
            scales: {
                x: {
                    ticks: {
                        // always wrap labels on space
                        callback: function (_, i) { return labels[i].split(" "); },
                    },
                },
            },
        },
    });
</script>

[ni86910]

        options: {
            scales: {
                x: {
                    ticks: {
                        autoSkip: false, //here 
                        callback: function (_, i) { return labels[i].split(" "); },
                    },
                },
            },
        },