Saltar al contenido

¿Cómo actualizar el gráfico en react-chartjs-2?

Revisamos de forma completamente cada enunciados de nuestra web con la meta de enseñarte en todo momento información más veraz y actualizada.

Solución:

Entonces, de acuerdo con https://www.npmjs.com/package/react-chartjs-2

Se puede acceder a la referencia del gráfico usando una referencia como

chartReference = ;

componentDidMount() 
  console.log(this.chartReference); // returns a Chart.js instance reference


render() 
  return ( this.chartReference = reference  data=data />)

Entonces, lo que podría hacer es poner una referencia en su Gráfico y acceder a ella donde quiera.

 this.reference = reference
/>

En el método que desea provocar la actualización, puede acceder a esta referencia y es chartInstance y llamar a la función de actualización en esta instancia.

let lineChart = this.reference.chartInstance
lineChart.update();

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *