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:
Bar chart with inline data:
Et voilà !¶
Ça devrait marcher :)
Un exemple plus sympa¶
On va essayer un exemple plus intéressant ?
Avertissement
Le script plante parfois…
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
Comment ça marche ?¶
Plus de détails sur http://omnipotent.net/jquery.sparkline/#s-docs.