How can I create multiple charts using react-chartjs-2?

How can I create multiple charts using react-chartjs-2?

You can create multiple charts by rendering multiple instances of the Chart component from react-chartjs-2, each with its own data and options.

Can you show me a code example for that?

Sure! Here's a simple example:

import { Bar, Line } from 'react-chartjs-2';

const data1 = { /* data for Bar chart */ };
const data2 = { /* data for Line chart */ };

const MyCharts = () => (
  <div>
    <Bar data={data1} />
    <Line data={data2} />
  </div>
);

This will render a Bar chart and a Line chart.

What if I want to customize the charts?

You can customize each chart by passing different options to the Chart component. For example, you can change colors, labels, and tooltips.