Tengo una columna de 'modo' en mi base de datos y quiero mostrar el modo en mi gráfico, pero mi gráfico no se muestra. Quiero mostrar el modo de fecha en el gráfico. Cambié el tipo de mi código como tipo: 'categoría' de 'lineal' y mi gráfico me mostró el valor de la batería y la fecha en el eje y. ¿Cómo puedo solucionar ese problema?

Este es el código JavaScript de mi gráfico:

 const config = { type: 'line', data: { datasets: [{ data: <%=lineData%>, borderColor: 'rgb(244, 208, 63)', label: "battery voltage", yAxisID: 'yl', }, { data: <%=lineData2%>, borderColor: 'rgb(118, 215, 196)', label: "battery capacity", yAxisID: 'yr', }, { data: <%=lineData3%>, borderColor: 'rgb(231, 76, 60)', label: "pv_input_voltage", yAxisID: 'yr2', }, { data: <%=lineData4%>, borderColor: 'rgb(100, 149, 237)', label: "temperature", yAxisID: 'yr3', }, { data: <%=lineData5%>, borderColor: 'rgb(0, 255, 0)', label: "humidity", yAxisID: 'yr4', }, { data: <%=lineData6%>, borderColor: 'rgb(255, 0, 255)', label: "mode", yAxisID: 'yr5', }] }, options: { responsive: true, interaction: { mode: 'index', intersect: false, }, stacked: false, plugins: { title: { display: true } }, scales: { yl: { type: 'linear', display: true, position: 'left', }, yr: { type: 'linear', display: true, position: 'right', }, yr2: { type: 'linear', display: true, position: 'right', }, yr3: { type: 'linear', display: true, position: 'right', }, yr4: { type: 'linear', display: true, position: 'right', }, yr5: { type: 'category', display: true, position: 'right', }, } }, };