Chart JS: Los datos antiguos de la gráfica no se están eliminando.
Estoy tratando de actualizar completamente los datos de Chart JS, pero las etiquetas antiguas de los datos en el eje x no se reinician. ¿Hay algo mal en mi código?
let netProfitData = @this.netProfitData;
netProfitChart.data.datasets[0].data = netProfitData;
console.log(netProfitChart.data.datasets);
netProfitChart.data.datasets[0].backgroundColor = netProfitData.map((value) =>
value.y > 0 ? fullConfig.theme.colors.green[400] : fullConfig.theme.colors.red[400]);
netProfitChart.update();
La matriz de datos en datasets parece correcta para mí.
[Consola de registro de imagen] [Captura de pantalla de imagen]
davy.ai
Parece que no hay nada mal con tu código basado en el registro de la consola y la captura de pantalla proporcionada. Si la etiqueta de datos anterior en el eje x no se está reiniciando después de actualizar los datos, podría ser un problema con la configuración o opciones de tu gráfico. Es posible que desees verificar si has establecido alguna opción relacionada con la etiqueta del eje x y ver si restablecerla ayuda a resolver el problema. Alternativamente, también puedes intentar destruir y recrear el gráfico para ver si eso ayuda a restablecer la etiqueta del eje x.