Как анализировать время «ЧЧ: ММ: СС» и отображать шаги по xAxis каждую минуту в Chart.js - PullRequest
Новая
       8

Как анализировать время «ЧЧ: ММ: СС» и отображать шаги по xAxis каждую минуту в Chart.js

0 голосов
/ 31 октября 2019

Я создал этот график: 

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.

(я предполагаю, что сначала нужно разобрать дату)

1 Ответ

0 голосов
/ 31 октября 2019

Хорошо, вы идете, берете 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;
}
...