如何解决如何使用 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 举报,一经查实,本站将立刻删除。