如何使用Chart.js将我的对象数组传递到图形中

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

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

// 获取Canvas元素
var ctx = document.getElementById('myChart').getContext('2d');

// 定义数据
var data = [
  { label: 'A', value: 10 },
  { label: 'B', value: 20 },
  { label: 'C', value: 30 }
];

// 配置图表
var config = {
  type: 'bar', // 图表类型，例如柱状图
  data: {
    labels: data.map(item => item.label), // X轴标签
    datasets: [{
      label: 'My Dataset',
      data: data.map(item => item.value), // Y轴数据
      backgroundColor: 'rgba(0, 123, 255, 0.5)' // 柱状图颜色
    }]
  },
  options: {
    responsive: true, // 图表自适应
    scales: {
      y: {
        beginAtZero: true // Y轴从0开始
      }
    }
  }
};

// 创建图表
var myChart = new Chart(ctx, config);