He estado luchando durante horas con esto y parece que no puedo resolver nada, tirando de mi cabello en este caso.

aquí están mis datos para el gráfico

 var options = { chart: { height: 350, type: 'area', }, dataLabels: { enabled: false }, stroke: { curve: 'smooth' }, colors: ["#FFB64D", "#FF5370"], series: [{ name: 'series1', data: [0.3333333333333333, 0.5, 0.6, 0.5714285714285714] }], xaxis: { type: 'datetime', categories: [1641535200, 1641621600, 1641708000, 1641794400], }, } var chart = new ApexCharts( document.querySelector("#area-chart-1"), options ); chart.render();

Aquí está mi gráfico

Parece que no puedo entender por qué la fecha no se refleja correctamente

También probé el siguiente código, confirmé con una calculadora de época en línea que estas son las fechas que estoy buscando, una marca de tiempo por día con un valor por marca de tiempo.

 var options = { chart: { height: 350, type: 'area', }, dataLabels: { enabled: false }, stroke: { curve: 'smooth' }, markers: { size: 2, }, colors: ["#FFB64D", "#FF5370"], series: [{ name: 'series1', data: [[1641513600, 0.3333333333333333], [1641600000, 0.5], [1641686400, 0.6], [1641772800, 0.5714285714285714]] }], xaxis: { type: 'datetime', }, tooltip: { x: { format: 'dd MMM yyyy' } }, } var chart = new ApexCharts( document.querySelector("#area-chart-1"), options ); chart.render();