Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

276
Visualizações
Change display format for time chart with chartjs

I can't understand how I am supposed to use Date with chartjs and documentation or example I found are pretty messy.

Can you help me figure out what is wrong in my code.

I have the following options for my chart

const chartOptions = {
  scale: {
    x: {
      type: 'time',
      time: {
        unit: 'minute',
      },
    },
    y: {
      type: 'linear',
    },
  },
};

And the following data :

const data = {
  datasets: [{
     data: [{x: "2022-02-09T20:50:19.123Z", y: 10},
            {x: "2022-02-09T20:50:20.111Z", y: 10},
            {x: "2022-02-09T20:50:21.211Z", y: 10},
            {x: "2022-02-09T20:50:22.456Z", y: 10},
            {x: "2022-02-09T20:50:23.985Z", y: 10}]
   }]
};

I got the following result example chart result

And I would like to have a format like "[hour]:[minute]". I tried many options (unit, displayFormats, round, etc...) which I didn't fullyunderstood and none changed anything.

I also tried to change my data by passing luxon.DateTime.fromIso(mystring) result, then I just have a wrong chart : bad chart result

I am completly lost, thanks for any help.

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda