Hola, soy nuevo en chartjs y js en general y sigo recibiendo el error "no se puede establecer la propiedad de indefinido" en la consola de Chrome
const dataPie = { labels: ['Good Packs', 'Bad Packs'], datasets: [{ label: 'My First Dataset', data: [0.1, 0.1], backgroundColor: ['#00bf90', 'rgb(255, 75, 75)'], hoverOffset: 0 }] }; const configPie = { type: 'pie', data: dataPie, options: {} }; const pieChart = new Chart( document.getElementById('chart-pie'), configPie );luego, en un ciclo cronometrado, estoy llamando a esto y obtengo el error "no se puede establecer la propiedad de indefinido" cuando intento realizar la siguiente operación (no estoy configurando el valor en html y solo se establece al construir el gráfico circular en la parte superior).
pieChart.data.datasets.data[0] = 0.5;como dije, soy muy nuevo en js, así que si alguien puede ayudar, ¡sería genial!
Parece que estaba accediendo mal a los datos, incluiré un enlace a la documentación. He modificado su fragmento a continuación (no tengo un temporizador, pero tengo el cambio de código). Asegúrese de llamar a la update después de cambiar el valor para que se refleje en el HTML.
datasets es una matriz, por lo que debe acceder al índice del conjunto de datos que desea modificar. En su caso, es [0] ya que solo tiene un conjunto de datos.
Documentación de ChartJs: https://www.chartjs.org/docs/latest/developers/api.html
const dataPie = { labels: ['Good Packs', 'Bad Packs'], datasets: [{ label: 'My First Dataset', data: [0.1, 0.1], backgroundColor: ['#00bf90', 'rgb(255, 75, 75)'], hoverOffset: 0 }] }; const configPie = { type: 'pie', data: dataPie, options: {} }; const pieChart = new Chart( document.getElementById('chart-pie').getContext('2d'), configPie ); pieChart.data.datasets[0].data[0] = 0.5; pieChart.update('active'); <script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script> <canvas id="chart-pie" width="400" height="400"></canvas>