Javascript 使用React Chart.js在线图的Y轴上显示时间值

下面是处理转换和格式化的getChartData函数的更新版本:

function formatTime(totalTime) {
  const hours = Math.floor(totalTime / 3600);
  const minutes = Math.floor((totalTime % 3600) / 60);
  const seconds = totalTime % 60;

  return `${hours.toString().padStart(2, '0')}:${minutes
    .toString()
    .padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}

function getChartData(documents, label, color) {
  const chartData = {
    labels: [],
    datasets: [
      {
        label: label,
        data: [],
        backgroundColor: color,
        borderColor: color,
        borderWidth: 1,
      },
    ],
  };

  documents.forEach((document) => {
    const timeComponents = document.totaltime.split(':');
    const hours = parseInt(timeComponents[0]);
    const minutes = parseInt(timeComponents[1]);
    const seconds = parseInt(timeComponents[2]);

    // Calculate the total time in seconds
    const totalTimeInSeconds = hours * 3600 + minutes * 60 + seconds;

    // Format the time as hours:minutes:seconds
    const formattedTime = formatTime(totalTimeInSeconds);

    chartData.labels.push(formattedTime);
    chartData.datasets[0].data.push(totalTimeInSeconds);
  });

  return chartData;
}