Graphique de Bulles

Comment créer une bulle dans Chart JS.

Dans cet article, nous verrons comment créer un graphique de bulles (bubble chart). La création d'un graphique de bulles dans Chart JS peut être un peu délicate en raison des trois points de données, mais une fois que vous l'aurez vu dans la vidéo, vous comprendrez rapidement le concept.

Graphique de Bulles dans Chart JS

La vidéo couvre le graphique de bulles (bubble chart), un graphique qui a été introduit dans Chart JS 2. Le graphique de bulles est assez similaire à un graphique de dispersion (scatter chart) dans Chart JS. Vous devez spécifier les valeurs x, y et également la valeur "r". Le "R" signifie le rayon et indique la taille du cercle de la bulle à dessiner en pixels. Plus la bulle est grande, plus elle est importante.

Problème courant avec le graphique de bulles.

Un problème courant avec le graphique de bulles (bubble chart) est la taille des bulles dans le coin du graphique. Souvent, les bulles ont tendance à être coupées ou certaines parties sont rognées en raison de la bulle qui est plus grande que l'élément canvas. Nous aborderons ce problème courant en utilisant l'espace de noms "clip" et l'espace de noms "layout padding" dans les options.