Как получить 24-часовой период с интервалом в 1 час по оси X - ReCharts? - PullRequest
0 голосов
/ 14 апреля 2020

Как вы можете видеть ниже на моем скриншоте, часы имеют разные минуты. Все, что я хочу, это 11:00, 12:00, 13:00 и так далее в течение этих последних 24 часов. Куда я иду не так? Спасибо

enter image description here

    const roundHour = (date) => {

        date.setHours(date.getHours() + Math.round(date.getMinutes() / 60));
        date.setMinutes(0, 0, 0); // Resets also seconds and milliseconds

        return date;
    };

    let endTime = roundHour(new Date()); // round down to the nearest hour
    let startTime = roundHour(new Date()); // round down to the nearest hour

    const setEndTime = endTime.getTime(); // current time in ms
    const setStartTime = startTime.getTime() - (60 * 60 * 24 * 1000); // last 24th hr in ms
  <XAxis
     type="number"
     dataKey="time"
     domain={[setStartTime, setEndTime]}
     interval={0}
     tickCount={24}
     tickFormatter={(unixTime) => moment(unixTime).format('HH:mm')}
   />
...