在recharts线形图中显示包含日期和时间的数据集

import React from 'react';
import { LineChart, Line, XAxis, YAxis } from 'recharts';
import moment from 'moment';

const data = [
  { date: new Date('2022-01-01 09:00:00'), value: 10 },
  { date: new Date('2022-01-02 10:00:00'), value: 20 },
  { date: new Date('2022-01-03 11:00:00'), value: 15 },
  // Add more data points as needed
];

const tickFormatter = (tick) => moment(tick).format('YYYY-MM-DD HH:mm:ss');

const Chart = () => (
  <LineChart width={500} height={300} data={data}>
    <Line type="monotone" dataKey="value" stroke="#8884d8" />
    <XAxis dataKey="date" type="number" tickFormatter={tickFormatter} />
    <YAxis />
  </LineChart>
);

export default Chart;