10
2010
Jquery Speedometer
An article by 
Cette petite libraire vous permettra d’afficher un un compteur sous forme de graphique grâce à JQuery.
Jquery - Speedometer
Pour l’utiliser rien de plus simple : il vous suffira d’appeler la fonction
1 2 3 4 5 6 7 8 9 10 11 | <script type="text/javascript"> $(function(){ $('#test').speedometer(); $('.changeSpeedometer').click(function(){ $('#test').speedometer( { percentage: $('.speedometer').val() || 0 }); }); }); </script> |
1 | $('#test').speedometer(); |
Permet de placer le speedometer dans le sélecteur : test.
Le reste permettant simplement de récupérer la valeur de l’input et d’utiliser la valeur pour le speedometer
Les paramètres en plus en plus de cette petite librairie sont :
ANIMATE: (BOOLEAN, DEFAULT: TRUE) pour animer le speedometer
SUFFIX: (STRING, DEFAULT ‘ %’) l’unité à utiliser.
Au final, on obtient une petite librairie qui peut s’avérer très utile pour les tableaux de stats en temps réel puisqu’en couplant la librairie à un AJAX, on peut obtenir un rafraichissement du speedometer en temps réel….
Vraiment très utile comme librairie.
Merci.