小编SmC*_*lve的帖子

使用 Chart.js 从时间字符串绘制单圈时间

我正在尝试使用 Chart.js 绘制一个折线图,该图显示了一系列单圈时间的趋势,但我正在努力将时间字符串解析为正确的格式。

我有一个带有这样的单圈持续时间(分钟、秒、毫秒)的时间数组,我将其用作数据集:

const times = ["1:32.599", "1:32.300", "1:31.000"] 
Run Code Online (Sandbox Code Playgroud)

在图表上绘制这些的最佳方法是什么?根据该文档chart.js之支持时间坐标轴以moment.js但它似乎并没有解析这些字符串,大概是因为它们不是日期,因为它们的持续时间,而不是在某个特定时间点。

{
  type: 'line',

  data: {
    labels: [] // list of races,
    datasets: [{
        label: "Best Lap",
        data: times,
      }]
    },

  options: {
    scales: {
      yAxes: [{
        type: 'time',
      }]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

我感兴趣的只是比较时间,但使用 Date 对象似乎每个解决方案都令人费解。

javascript charts datetime chart.js

2
推荐指数
1
解决办法
4308
查看次数

标签 统计

chart.js ×1

charts ×1

datetime ×1

javascript ×1