gvChart, HTML + jQuery + Google Charts

gvChart est un plugin jQuery qui permet de créer des graphes.

gvchart, graphes html + jquery + api-google

L’originalité de ce plugin vient du fait que pour produire un graphes, gvChart a besoin tout d’abord d’un tableau HTML (en renseignant certains tags comme table, thead, tbody, etc.). Ensuite, il s’appuie sur les API de Google pour générer les graphes. jQuery est également de la partie pour rendre ces graphes interactifs.

Côté implémentation, rien d’insurmontable… Dans le header, installez les fichiers suivants :

  • http://www.google.com/jsapi*
  • jquery.min.js
  • jquery.gvChart-1.0.min.js

Ensuite, insérez votre tableau, configurez un petit fichier gvChart pour lui indiquer les éléments à prendre en compte, les titres à afficher etc…

gvGraph affiche les graphes suivants :

  • Ligne
  • Aire
  • Barre
  • Colonne
  • Camembert

Site Internet : gvChart
Licence : « free to use »

Leave a Reply