在javascript for ChartJS中计算来自JSON的所有不同值

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

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

const jsonData = [
  { "value": "A" },
  { "value": "B" },
  { "value": "C" },
  { "value": "A" },
  { "value": "B" },
  { "value": "D" }
];

function getUniqueValues(data) {
  const uniqueValues = new Set();
  data.forEach(item => {
    uniqueValues.add(item.value);
  });
  return Array.from(uniqueValues);
}

const jsonData = [
  { "value": "A" },
  { "value": "B" },
  { "value": "C" },
  { "value": "A" },
  { "value": "B" },
  { "value": "D" }
];

function getUniqueValues(data) {
  const uniqueValues = new Set();
  data.forEach(item => {
    uniqueValues.add(item.value);
  });
  return Array.from(uniqueValues);
}

const uniqueValues = getUniqueValues(jsonData);

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: uniqueValues,
    datasets: [{
      label: 'Count',
      data: uniqueValues.map(value => jsonData.filter(item => item.value === value).length),
      backgroundColor: 'rgba(0, 123, 255, 0.5)'
    }]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true,
        stepSize: 1
      }
    }
  }
});