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

338
Visualizações
¿Cómo puedo controlar el formato de fecha para d3 scaleTime y eliminar las marcas de tiempo del reloj no deseadas?

Estoy tratando de mostrar los datos de una semana en un gráfico de área y me gustaría usar scaleTime() para completar mi eje x. He convertido las cadenas de fecha en objetos de fecha y el dominio parece ser correcto, pero no puedo hacer que el eje x muestre el formato que quiero. Lo que me gustaría ver son 7 marcas de verificación con el día, el mes y el año. En su lugar, estoy viendo el día de la semana y la fecha, y hay marcas de verificación adicionales que muestran '12 p. m.', como en la imagen adjunta. ingrese la descripción de la imagen aquí

Intenté especificar la cantidad de marcas, pero luego se vuelve aún más extraño, especialmente en las transiciones de meses, y podría mostrar algo como 'Lunes 29, Martes 30, Miércoles 31, Noviembre, Viernes 2'.

En pocas palabras, me estoy perdiendo algo en la forma en que estoy implementando la escala, y si no, ¿cómo podría ajustar las marcas para mostrar solo lo que quiero ver? Los ejemplos que he podido encontrar no parecen tener los mismos problemas que estoy experimentando.

Formato actual de mis objetos de fecha: "2020-07-22T06:00:00.000Z"

El código:

 let x = d3.scaleTime().range([0, width-margin.right-margin.left]) let y = d3.scaleLinear().range([height-margin.bottom, margin.top]) x.domain([d3.min(area_data, d => d.date), d3.max(area_data, d=>d.date)]) y.domain([0, max_cases]) let xAxis = d3.axisBottom(x); let yAxis = d3.axisLeft(y);

Gracias por adelantado.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Puedes hacer algo como

 const xAxis = d3.axisBottom(x) .ticks(d3.timeDay.every(1), '%-d %b %Y');

El primer argumento de las garrapatas dice que quieres una garrapata por cada día. El segundo argumento es un especificador de formato que define cómo formatear las fechas como cadenas. '%-d %b %Y' muestra el día sin relleno, el nombre del mes abreviado y el año completo. Por ejemplo, 22 de noviembre de 2021. Puede modificar esto según sea necesario para obtener el formato deseado.

about 4 years ago · Juan Pablo Isaza Relatório
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