Gráfico de Burbujas

Cómo crear una burbuja en Chart.js.

En esta publicación, cubriremos cómo crear un gráfico de burbujas (bubble chart). Crear un gráfico de burbujas en Chart JS puede ser un poco complicado debido a los 3 puntos de datos, pero una vez que lo veas en el video, comprenderás rápidamente el concepto.

Gráfico de Burbujas en Chart.js

El video cubre el gráfico de burbujas, un gráfico que se introdujo en Chart.js 2. El gráfico de burbujas es bastante similar a un gráfico de dispersión (scatter chart) en Chart.js. En él, debes especificar los puntos de datos x, y y también el valor r. La "R" representa el radio y determina cuán grande se dibujará la burbuja en píxeles. Cuanto más grande sea la burbuja, más importancia tiene.

Problema común con el gráfico de burbujas

Un problema común con el gráfico de burbujas es el tamaño de las burbujas en la esquina del gráfico. A menudo, las burbujas tienden a ser cortadas o ciertas partes se recortan debido a que la burbuja es más grande que el elemento de lienzo (canvas). Abordaremos este problema común utilizando el espacio de nombres "clip" y el espacio de nombres "layout padding" en las opciones.