Gráfico de Dona / Pastel

Cómo crear un gráfico de dona o pastel en Chart.js. En esta publicación, cubriremos cómo crear un gráfico de dona o pastel. Crear un gráfico de dona o pastel en Chart.js es bastante sencillo. Puedes seguir el video a continuación para aprender cómo hacerlo.

Gráfico de Dona/Pastel en Chart.js

En Chart.js, la diferencia entre un gráfico de dona (doughnut chart) y un gráfico de pastel (pie chart) es muy pequeña. La única diferencia radica en el porcentaje de "recorte" (cutout percentage). Este porcentaje se establece en un 50% en un gráfico de dona y en un 0% en un gráfico de pastel. Este espacio en blanco en el centro del gráfico de dona se crea mediante este parámetro de "recorte".

El video cubrirá cómo convertir un gráfico estándar en 3 secciones principales. La documentación oficial de Chart.js tiende a mostrar un ejemplo estándar que es común para Chart.js 1 y Chart.js 2. Ambas son excelentes versiones, pero en la última versión, la documentación está cambiando gradualmente. Es por eso que es esencial comprender los diferentes bloques que son el bloque de configuración (config), el bloque de configuración (setup) y el bloque de inicialización o renderización (initiate o render).