显示二维数组标签的Chartjs

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

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar', // 图表类型，这里使用柱状图
    data: {
        labels: ['标签1', '标签2', '标签3'], // 二维数组的标签
        datasets: [{
            label: '数据集', // 数据集的标签
            data: [10, 20, 30], // 数据集的数据
            backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(75, 192, 192, 0.2)'], // 柱状图的颜色
            borderColor: ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(75, 192, 192, 1)'], // 柱状图的边框颜色
            borderWidth: 1 // 柱状图的边框宽度
        }]
    },
    options: {
        responsive: true, // 响应式布局
        scales: {
            y: {
                beginAtZero: true // y轴从0开始
            }
        }
    }
});