如何使用react- chart在同一图表上配置多个条形图

npm install react-chartjs-2 chart.js

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

const data = {
  labels: ['January', 'February', 'March', 'April', 'May'],
  datasets: [
    {
      label: 'Dataset 1',
      backgroundColor: 'rgba(255, 99, 132, 0.2)',
      borderColor: 'rgba(255, 99, 132, 1)',
      borderWidth: 1,
      data: [10, 20, 30, 40, 50],
    },
    {
      label: 'Dataset 2',
      backgroundColor: 'rgba(54, 162, 235, 0.2)',
      borderColor: 'rgba(54, 162, 235, 1)',
      borderWidth: 1,
      data: [20, 30, 40, 50, 60],
    },
  ],
};

class MyChart extends React.Component {
  render() {
    return (
      <div>
        <h2>Multiple Bar Chart</h2>
        <Bar data={data} />
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>My App</h1>
        <MyChart />
      </div>
    );
  }
}