Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

340
Vistas
¿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 Respuestas
Responde la pregunta

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda