如何解析时间'HH：MM：SS'并在Chart.js中每分钟在xAxis上显示步骤

Question

我已创建此图表：

var chart = new Chart(ctx, {
        type: 'line',
                data: {
                        labels: ['00:00:00', '00:03:00', '00:06:00', '00:09:00'],
                        datasets: [{
                                label: 'somelabel',
                                data: [4333, 2344, 3343, 3444, 2123],
                    }]
                },
                options: {
                }
                });

如您所见，labels包含一个数组，其中的字符串确定特定时间，其格式为：HH:MM:SS，在X轴上。

图表显示，现在我在xAxis上具有与labels数组相同的步长，但是我想在此X轴上设置步长每分钟，例如：00:00:00， 00：01：00、00：02：00等，而不是00:00:00”，“ 00:03:00”，“ 00:06:00”，“ 00:09:00”。

（我想首先需要解析日期）

Answer 1

确定，您进入这里，接受注释中指定的2个参数，并假定正在运行合理版本的JS。

function getTicks(startTime, count) {
    let ticks = [],
        date = startTime;
    for (let x = 0; x < count; x++) {
        let hours = date.getHours().toString(),
            mins = date.getMinutes().toString(),
            seconds = date.getSeconds().toString();

        date = new Date(date.getTime() + 60000);
        ticks.push(`${hours.padStart(2, '0')}:${mins.padStart(2, '0')}:${seconds.padStart(2, '0')}`);
    }

    return ticks;
}