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

175
Visualizações
React: react-google-charts timeline: displaying two different formats on the same axis

Right now I'm trying to update an hourly timeline chart to use the following horizontal axis format:

  • For the tick at the left side of the chart, or for any ticks where the date changes, use the format "EE HH:mm" (display day and time)
  • Otherwise, just use the format "HH:mm" (just display time)

I've looked on stack overflow and at the google tutorials and have been unable to find any examples on how to do this. Does anybody know how to use two different formats on the same axis?

Here's the current Chart object:

<Chart
      width="100%"
      chartType="Timeline"
      loader={<div>Loading Chart ...</div>}
      data={[metaData, ...passes]}
      options={{
        title: "timeline chart", 
        height: ch*41+100,
        hAxis: {
          format: "EE HH:mm",
          minValue: min,
          maxValue: max,
        }
      }}
    />

How can I have different formats for different ticks on the chart's horizontal axis?

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