0
208
VistasyAxes no vuelve a renderizar nuevos datos en Chart.js con React.js
Hola, trato de usar el gráfico de Line en mi proyecto, pero aparece un error, puede verlo en la imagen a continuación
package.json
"dependencies": { "chart.js": "^3.7.1", "react": "^17.0.2", "react-chartjs-2": "^4.1.0", "react-dom": "^17.0.2", }, Chart code
const data = { labels: coinTimeStamp, datasets: [ { label: 'Price in USD.', data: coinPrice, fill: false, backgroundColor: '#0071bd', borderColor: '#0071bd' } ] } const options = { scales: { yAxes: [ { ticks: { beginAtZero: true } } ] } } <Line data={data} options={options} />y me salen estos dos errores en la consola del navegador
y thanks
1 Respuestas
Responde la pregunta0
agregue lo siguiente a la sección de importación
importar { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend, } from 'chart.js';
ChartJS.register( CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend );
esto solucionará el problema
y esto---
para configuración de escala no válida. para scale: yAxes, eliminé la primera matriz, creo que era y la dejé así: const options = { scales: { y: { ticks: { beginAtZero: true, }, }, }, };
https://github.com/adrianhajdin/project_cryptoverse/issues/26