如何在chartjs中显示条形图

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<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'], // 条形图的标签
        datasets: [{
            label: 'Dataset 1', // 数据集的标签
            data: [10, 20, 30], // 数据集的值
            backgroundColor: 'rgba(0, 123, 255, 0.5)', // 条形的背景颜色
            borderColor: 'rgba(0, 123, 255, 1)', // 条形的边框颜色
            borderWidth: 1 // 条形的边框宽度
        }]
    },
    options: {
        responsive: true, // 图表是否响应式
        scales: {
            y: {
                beginAtZero: true // y轴是否从0开始
            }
        }
    }
});