Démonstration de JQuery SparkLine

Avertissement

Javascript est requis !

Cette page embarque des scripts écrits en javascript. À priori, cela devrait fonctionner sur n’importe quel navigateur assez récent, pour peu qu’il supporte javascript (et que javascript ne soit pas désactivé).


À-propos

Cette page est là pour présenter l’utilisation de JQuery SparkLine dans des pages webs générées avec Sphinx.


Des graphiques intégrés dans la page

Importer le script

Il faut d’abord charger la bibliothèque jquery, et ensuite le script jquery.sparkline.js, avec une balise .. raw:: html et la commande HTML <script type="text/javascript" src="_static/jquery.sparkline.min.js"></script>.

Déclarer les graphiques

Encore avec une balise .. raw:: html en rST et la commande HTML <script type="text/javascript">…</script>".

On en génère 4, comme dans l’exemple sur la page de doc.

Afficher les graphiques

Toujours pareil, on utilise .. raw:: html en rST pour inclure du code HTML (voir la source de cette page, sparkline.rst).

Inline Sparkline: 1,4,4,7,5,9,10.

Sparkline with dynamic data: Loading..

Bar chart with dynamic data: Loading..

Bar chart with inline data: 1,3,4,5,3,5

Et voilà !

Ça devrait marcher :)


Un exemple plus sympa

On va essayer un exemple plus intéressant ?

Avertissement

Le script plante parfois…

Mouse speed Loading….

Un autre exemple

J’ai essayé d’utiliser des données générées par Google Analytics pour afficher un petit graphique d’activité sur le site sur les derniers jours, mais sans succès :( !

Voir aussi

WakaTime


Comment ça marche ?