No importa lo que cambie en las opciones, las etiquetas de mis gráficos nunca cambian.

Mis datos de ejemplo y la función:

 aggs_date = { '2022-01-20T08:00:00.000Z': 31, '2022-01-20T09:00:00.000Z': 157, '2022-01-20T10:00:00.000Z': 171, '2022-01-20T11:00:00.000Z': 153, '2022-01-20T12:00:00.000Z': 175, '2022-01-20T13:00:00.000Z': 169, '2022-01-20T14:00:00.000Z': 186, } var lineChart = new Chart(lineChartctx, { type: 'line', data: { labels: Object.keys(aggs_date), datasets: [{ label: 'News over Time', data: Object.values(aggs_date), fill: false, borderColor: 'rgb(75, 192, 192)', }], }, options: { scales: { xAxes: [{ type: 'time', time: { displayFormats: { unit: 'day', } } }] } } });

He probado mucho en las opciones de xAxes pero nada cambia. La consola de mi navegador también siempre me da Invalid scale configuration for scale: xAxes .

por ejemplo esto, porque a veces hay demasiadas etiquetas.

 time: { autoSkip: true, maxTicksLimit: 10 }

¿Es posible que chart js no reconozca el formato isodate? ¿Necesito formatear la fecha de antemano? Pensé que chart js debería poder reconocer una fecha iso.

Quiero poder limitar la cantidad de etiquetas en los xaxes y también poder formatear la salida para, por ejemplo, mostrar solo la Fecha en formato AAAA-MM-DD o AAAA-MM-DD HH::mm, dependiendo si un hay tiempo disponible.