在chartjs中设置条形图滚动

<canvas id="barChart"></canvas>

var ctx = document.getElementById('barChart').getContext('2d');
var barChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5', 'Label 6'],
        datasets: [{
            label: 'Dataset 1',
            data: [10, 20, 30, 40, 50, 60],
            backgroundColor: 'rgba(0, 123, 255, 0.5)'
        }]
    },
    options: {
        responsive: true,
        scales: {
            x: {
                type: 'category',
                offset: true,
                grid: {
                    offset: true
                }
            },
            y: {
                beginAtZero: true
            }
        },
        plugins: {
            legend: {
                display: false
            },
            scrollbar: {
                mode: 'x'
            }
        }
    }
});

scales: {
    x: {
        type: 'category',
        offset: true,
        grid: {
            offset: true
        }
    },
    // ...
}

plugins: {
    // ...
    scrollbar: {
        mode: 'x'
    }
}