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

问题描述

在使用 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],},],};

  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 这样的时间格式显示总秒数？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）