Des graphes avec Google Chart Tools

Google Chart Tools est une API JavaScript qui permet de présenter des données sous forme de graphiques. Les graphiques obtenus sont réalisés en SVG, et sont donc vectoriels.

Structure des données

Les données des graphes sont insérées dans un objet nommé DataTable. Une fois instancié, il faut lui ajouté les colonnes (en indiquant le type de chacune) puis les lignes.

On peut également instancier notre DataTable en un seul appel grâce à la méthode arrayToDataTable().

Types de graphes

Plusieurs types de graphes sont proposés par l’API. On peut ainsi réaliser des camemberts, des graphes en ligne, des graphiques à barres (verticales ou horizontales), des nuages de points, des jauges, etc… L’API de Google liste tous ces types.

Options

Des options peuvent être passées au graphe afin de le personnaliser.

Personnalisation des bulles d’aide

On peut obtenir des informations sur les éléments du graphes (barres, lignes,…) en les survolant. Le contenu des infos-bulles obtenues est personnalisable. Pour cela, il faut ajouter une colonne au DataTable, de type string est dont le contenu est de rôle tooltip.

L’API de Google Chart Tools est disponible sur Google Developers.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.