Estoy pasando datos de un componente principal a un componente secundario en Vue.js y todo está bien, pero donde me quedo atascado es que puedo consolar el registro de los datos pasados pero no enviarlos a un diagrama chart.js.

 export default { extends: Doughnut, props: { carbonDataChart: Object }, data: () => ({ chartdata: { labels: ['Slabs', 'Beams', 'Columns', 'Foundation', 'Core'], datasets: [ { data: [this.carbonDataChart.slabs, this.carbonDataChart.beams, this.carbonDataChart.columns, this.carbonDataChart.foundations, this.carbonDataChart.core] } ] }, }), mounted () { this.renderChart(this.chartdata, this.options) console.log("Carbon data from carbon chart") console.log(this.carbonDataChart.slabs) } }

Cuando hago esto, la consola registra el valor correcto, pero para el gráfico aparece este error.

podria alguien ayudarme?