Buenos días, tengo una función para actualizar los datos en mi gráfico ChartJS, sin embargo, siempre se actualizará con un color azul sólido, también tengo una función para obtener un color rgba aleatorio, sin embargo, tengo problemas para unir los dos, código a continuación y ¡Cualquier ayuda sería apreciada!
function updateData() { removeData(bubbleChart); bubbleChart.data.labels.push("Test","test 2",); bubbleChart.data.datasets.forEach((dataset) => { dataset.data.push([45111.00,61.97,10],[1421413.00,236.55,10],); }); bubbleChart.data.backgroundColor.push(randomColor()) bubbleChart.update(); }Obtuve el siguiente error:
TypeError: undefined no es un objeto (evaluando 'bubbleChart.backgroundColor.push')
Los datos no tienen un color de fondo. El color de fondo se especifica en los propios conjuntos de datos. Por lo tanto, primero deberá apuntar al conjunto de datos específico, también desea impulsar el color de fondo. O como lo convierte en un color aleatorio, puede simplemente ponerlo en su ciclo donde empuja los datos.
function updateData() { removeData(bubbleChart); bubbleChart.data.labels.push("Test","test 2",); bubbleChart.data.datasets.forEach((dataset) => { dataset.data.push([45111.00,61.97,10],[1421413.00,236.55,10],); dataset.backgroundColor.push(randomColor()) }); bubbleChart.update(); }