Блог

Я пытаюсь построить линейный график с Chart.js это показывает тенденции, связанные с серией времени прохождения круга.

Это мой (пример) Данные:

 const datetime = ["2021-02-08 15:01:50", "2021-02-08 16:01:50", "2021-02-08 17:01:50"];
const position = ["8", "8", "7"];
const laptime = ["1:32.599", "1:32.300", "1:31.000"];
 

И вот мой chart.js Код:

 var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: datetime, // list of races,
    datasets: [{
      label: "Lap Time",
      fill: false,
      data: times,
    },{
      label: "Position",
      fill: false,
      data: position ,
    }]
  },
  options: {
      scales: {
          xAxes: [{
              display: true,
              type: 'time',
              time: {
                  unit: 'hour',
                  round: 'hour',
                  unitStepSize: 1
              }
            }],
            yAxes: [{
                display: true,
                type: 'time',
                time: {
                    parser: 'm:s.SSS',
                    unit: 'seconds',
                    unitStepSize: 1,
                    displayFormats: {
                        'seconds': 'm.s'
                    }
                },
                ticks: {
                    min: '1:0.0',
                    max: '2:0.0'
                }
            }]
            }
        }
        });
 

Я хочу иметь два набора данных каждый час, один из которых представляет время прохождения круга, а другой — позицию