在react-chartjs-2中显示JSON数据

npm install react-chartjs-2 chart.js

import React from 'react';
import { Bar } from 'react-chartjs-2';

const ChartComponent = () => {
  const jsonData = {
    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
    datasets: [
      {
        label: 'My Dataset',
        data: [12, 19, 3, 5, 2, 3],
        backgroundColor: 'rgba(75,192,192,1)',
      },
    ],
  };

  return (
    <div>
      <Bar data={jsonData} />
    </div>
  );
};

ReactDOM.render(<ChartComponent />, document.getElementById('root'));