Estoy migrando de vue-chartjs 3 a 4. Tengo un componente LineChart que migré a la última versión de VueChart (puse la sección de plantilla y eliminé las llamadas al método de dibujo.
Este componente se utiliza para 2 gráficos. Cuando cierro el primero y quiero mostrar el segundo, tengo un error de consola:
[Vue warn]: Error in callback for watcher "chartData": "TypeError: Cannot read properties of undefined (reading 'destroy')"
¿Cuál puede ser el problema aquí?
¡Gracias!
<template> <line :chart-data="chartData" /> </template> <script> import 'chart.js/auto' import { Line } from 'vue-chartjs/legacy' export default { name: 'AppLineChart', components: { Line }, props: { chartData: { type: Object, required: true, }, } </script>Me pasó lo mismo, rendericé mis gráficos en montados, la solución para mí fue poner mi renderizado del segundo gráfico en creado en lugar de montado, no sé qué pasó pero el error desapareció :/