Después de leer detenidamente la documentación de innerRadius , no encontré ningún método para obtener el radio interno de un gráfico de anillos.
Este es uno de los muchos problemas que encontré después de migrar de Chart.js 2.x a 3.x
En Chart.js 2.x, para obtener el radio interior de un gráfico de anillos, haría lo siguiente:
beforeDatasetsUpdate: c => { const radius = c.innerRadius; }Ahora, en Chart.js 3.x, lo encontré profundamente anidado en:
beforeDatasetsUpdate: c => { const radius = c._metasets[0].data[0].innerRadius; }La guía oficial de migración dice:
Chart.innerRadius ahora se encuentra en los controladores donut, pie y polarArea
Pero, ¿hay alguna forma de acceder directamente a él? La forma en que mencioné anteriormente parece un truco.
Cada conjunto de datos tiene su propio controlador, por lo que no hay un único controlador de dona global. Entonces, si desea obtener el controlador, debe obtenerlo del meta del conjunto de datos:
var options = { type: 'doughnut', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"] }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], backgroundColor: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"] } ] }, options: {}, plugins: [{ beforeDatasetsUpdate: (chart) => { chart._metasets.forEach(e => { console.log(e.controller.innerRadius) }) } }] } var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options); <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.js"></script> </body>