如何将对象数组添加到chartjs？

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

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

var ctx = document.getElementById('myChart').getContext('2d');

var data = [
  { label: 'A', value: 10 },
  { label: 'B', value: 20 },
  { label: 'C', value: 30 }
];

var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: data.map(obj => obj.label),
    datasets: [{
      label: 'My Dataset',
      data: data.map(obj => obj.value),
      backgroundColor: 'rgba(0, 123, 255, 0.5)'
    }]
  },
  options: {
    responsive: true,
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
});