如何在react-chartjs-2 X轴中显示特定时间段的所有日期

npm install react-chartjs-2 chart.js

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

function generateDateRange(startDate, endDate) {
  const dates = [];
  const currentDate = new Date(startDate);

  while (currentDate <= endDate) {
    dates.push(new Date(currentDate));
    currentDate.setDate(currentDate.getDate() + 1);
  }

  return dates;
}

const [dates, setDates] = React.useState([]);

React.useEffect(() => {
  const startDate = new Date('2022-01-01');
  const endDate = new Date('2022-01-31');
  const dateRange = generateDateRange(startDate, endDate);
  setDates(dateRange);
}, []);

render() {
  const data = {
    labels: dates.map(date => date.toISOString().split('T')[0]),
    datasets: [
      // 添加你的数据集
    ]
  };

  return (
    <Line data={data} />
  );
}