reactjs - 如何使用 react-chartjs-2 格式化时间长度？

Question

在使用 react-chartjs-2 显示每日工作时间时BarChart，我必须处理以正确格式显示持续时间。

上图代表一周的每日工作时间。yAxes 值是以秒计算的每日工作时间。以此类推2021-03-07，总跟踪时间为14767秒04 hrs 06 mins 07 sec。

因此14747，我想将其显示为 ，而不是04 hrs 06 mins 07 sec。

以及工具提示应显示为total working time: 04 hrs 06 mins 07 secs或04:06:07

目前，我正在使用react-chartjs-2来显示图表。

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

export const BarChart = () => {
  const barData = {
    labels: ['2021-03-07', '2021-03-08', '2021-03-09', '2021-03-10','2021-03-11','2021-03-12','2021-03-13'],
    datasets: [
      {
        data: [14767,0,0,0,0,0,0],
      },
    ],
  };

  const barOptions = {
    scales: {
      xAxes: [
        {
          stacked: true,
        },
      ],
      yAxes: [
        {
          ticks: {
            beginAtZero: true,
            stepSize: 60,
          },
        },
      ],
    },
    tooltip: {
      custom: function(tooltipModel) {
        console.log(tooltipModel);
      },
    },
  };

  return <Bar data={barData} options={barOptions} width={350} />;
};

如何以时间格式显示总秒数HH:MM:SS？