SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

278 Plugins, 195 contribs sur SPIP-Zone, 32 visiteurs en ce moment

Accueil > Affichage multimédia > Images > JpGraph > JpGraph

JpGraph

24 octobre 2009 – par erational, Olivier Gautier – 35 commentaires

27 votes

Intégration de la bibliothèque JpGraph, pour réaliser des graphes (histogrammes, courbes, camemberts, ...) dans SPIP

Démonstration

Le plugin permet de créer des graphes simplement.
Par exemple

Grâce au modèle :

Installation du plugin

Ce plugin requiert un serveur avec une version PHP5.1+ avec l’extension GD active.

Avant d’activer le plugin, il faut installer la libraire JpGraph.
Attention cela réclame un peu de patience

  • Télécharger l’archive de JpGraph
  • A la racine de votre site, créer un répertoire ./lib/jpgraph-3.0.7
  • Copier dans ce répertoire les fichiers de l’archive (inutile de copier le répertoire docportal inutile et volumineux).
  • Editer le fichier ./lib/jpgraph-3.0.7/src/jpg-config.inc.php

Par exemple, pour une installation wamp sur windows
Décommentez les lignes

  1. // WINDOWS:
  2. // CACHE_DIR $SERVER_TEMP/jpgraph_cache/
  3. // TTF_DIR $SERVER_SYSTEMROOT/fonts/
  4. // MBTTF_DIR $SERVER_SYSTEMROOT/fonts/

Télécharger

par

  1. define("CACHE_DIR","../../../tmp/jpgraph_cache/");
  2. define("TTF_DIR","C:/WINDOWS/Fonts/");
  3. define("MBTTF_DIR","C:/WINDOWS/Fonts/ja/TrueType/");

Télécharger

Lorsque c’est bon, vous pouvez activer le plugin dans la partie privée de SPIP de la façon habituelle.

Attention, la librairie JpGraph est sous une licence inhabituelle QPL 1.0 (Qt Free Licensee). Nous utilisons pour le plugin la version 3.0.7 gratuite pour un usage non-commercial et opensource. Consulter le site officiel pour plus de détails http://jpgraph.net/

Utiliser JpGraph pour les rédacteurs

Pour créer un graphe, il faut utiliser le modèle

La syntaxe complète est :

Nom de paramètreDescriptionValeurs possiblesObligatoire
type_graphe modèle de graphe courbe, barre, camembert
titre titre du graphique
donnee donnée de graphique séparée par «  ; » réel (5.1) oui
legende legende séparée par «  ; »
largeur largeur en pixels oui
hauteur hauteur en pixels oui
couleur couleur de motif nom de la couleur en anglais (red), inutile pour les graphes camemberts

Lorsque le plugin est activé, vous pouvez consulter la page de démonstration http://monsite/spip.php?page=demo_jpgraph

Utiliser JpGraph dans vos squelettes

Il est possible d’utiliser JpGraph pour générer des graphes dynamiques à partir de vos boucles

  1. #SET{c_article,0}
  2. <BOUCLE_cA(ARTICLES)> </BOUCLE_cA>
  3. #SET{c_article,#TOTAL_BOUCLE}</B_cA>
  4. #SET{c_rubrique,0}
  5. <BOUCLE_cB(RUBRIQUES)> </BOUCLE_cB>
  6. #SET{c_rubrique,#TOTAL_BOUCLE}</B_cB>
  7. #SET{c_mot,0}
  8. <BOUCLE_cC(MOTS)> </BOUCLE_cC>
  9. #SET{c_mot,#TOTAL_BOUCLE}</B_cC>
  10.  
  11. [(#MODELE{jpgraph}
  12. {type_graphe=barre}
  13. {titre=Statistiques du site}
  14. {donnee=[(#GET{c_article})];[(#GET{c_rubrique})];[(#GET{c_mot})]}
  15. {legende=Nb Articles;Nb Rubriques;Nb Mots}
  16. {largeur=500}
  17. {hauteur=300}
  18. {couleur=orange})]

Télécharger

Génére

Etendre le plugin

JpGraph dispose d’énormement de types de graphes. N’hésitez pas à compléter ce plugin selon vos besoins.

Les graphes générés sont stockés dans local/cache-jpgraph/. Il faudra sans doute réfléchir à mieux gérer les images et le cache.

Le code source du plugin est disponible sur la zone. N"hésitez pas à participer.

Alternatives à JpGraph

Techniquement, il est possible d’utiliser d’autres ressources pour générer des graphes.

Voir en ligne : http://plugins.spip.net/jpgraph

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 15 février 2013 à 12:32, par Louis En réponse à : JpGraph

    Très utile

    Répondre à ce message

  • Le 1er février 2013 à 12:30, par François Daniel Giezendanner En réponse à : JpGraph

    Bonjour Erational et Olivier Gautier,

    Bravo et Merci pour cette excellente adaptation de JpGraph à SPIP.

    D’autre part j’ai survolé le site http://www.highcharts.com/, les graphiques présentent un design impressionnant, quelqu’un envisage-t-il d’en faire un plugin pour SPIP ?

    Cordialement

    FDG

    Répondre à ce message

  • Le 10 août 2012 à 16:41, par Movihardt En réponse à : JpGraph

    Je voulais savoir si vous aviez le projet d’intégrer la bibliothèque highcharts (http://www.highcharts.com/) dans un plugin semblable. Il me semble que c’est très fort. Qui plus est, avec la boucle DATA et la construction dynmaique de fichiers XML, ça pourrait être très sympa. Non ?

    • Le 14 août 2012 à 05:50, par erational En réponse à : JpGraph

      bonjour

      on a déjà évoqué highcharts dans ce forum (voir plus bas)
      oui la bibliothèque est prometteuse sous réserve de tenir compter de la licence CC non commerciale (ou prévoir un champs pour intégrer la clé pour les versions pro) http://shop.highsoft.com/highcharts.html

      je n’ai pas actuellement le temps de m’en occuper mais cela semble assez simple à réaliser : tout est basé sur du javascript que SPIP peut facilement gérer à la volée.
      libre à vous de lancer le chantier !

      cordialement

    • Le 11 décembre 2012 à 21:25, par bcolo En réponse à : JpGraph

      Je suis moi aussi très intéressé par highcharts que je trouve très élégant, mais je n’arrive pas à l’intégrer à spip. Je ne comprends pas comment il faut appeler un graphique pour l’intégrer dans un article. Si quelqu’un a une idée, en attendant un plugin qui serait le bienvenu, je suis volontiers preneur !

    Répondre à ce message

  • Le 17 juillet 2012 à 14:02, par Miguel Perez En réponse à : JpGraph

    Est ce qu`il ya une version pour spip 3.0 ?

    • Le 31 juillet 2012 à 09:56, par erational En réponse à : JpGraph

      j’ai mis à jour le plugin pour le rendre compatible SPIP 3.0.
      bonne utilisation !

    Répondre à ce message

  • Le 16 juin 2011 à 05:52, par Med_ En réponse à : JpGraph

    Plugin intéressant, mais la librairie vieillit un peu, et surtout la librairie JS Highcharts est une alternative solide. Elle déporte les calculs côté navigateurs, les rendus sont jolis, ça s’intègre vraiment bien avec jQueryUI.

    • Le 16 juin 2011 à 07:31, par erational En réponse à : JpGraph

      Je suis d’accord avec vous. Merci pour le lien. La bibliothèque Highcharts semble puissante, complète et facile d’utilisation. Cela méritait le lancer le chantier pour l’intégrer dans un plugin Spip en spécifiant bien les obligations de la licence (payant pour les projets commerciaux).

    • Le 27 juin 2012 à 10:28, par Thierry En réponse à : JpGraph

      +1 ça m’intéresse beaucoup... et si vous avez besoin d’un coup de main...

    Répondre à ce message

  • Le 7 juin 2012 à 09:24, par ? En réponse à : JpGraph

    daccord ca a lair bien

    Répondre à ce message

  • Le 1er juin 2012 à 10:21, par mehdi En réponse à : JpGraph

    j’ai un problème avec JPgraph et Jqueri

    <script type="text/javascript" src="./js/jquery-1.2.6.min.js"></script><script type="text/javascript" src="./js/script.js"></script>

    comment regké se problème
    merci d’avance

    GIF - 43.4 ko

    Répondre à ce message

  • Le 28 juin 2011 à 14:25, par khech En réponse à : JpGraph

    Bonjour,
    serait il possible générer des graphes avec ce plugin en utilisant des données directement dans notre base de données. C par exemple avec des requêtes SQL !!
    Merci d’avance.

    Répondre à ce message

  • Le 9 juin 2011 à 16:48, par Jcc40 En réponse à : JpGraph

    Bonjour,
    J’ai fait fonctioner le plugin jpgraph mais je souhaite réaliser une courbe en passant en abscisse les valeurs stockées dans une table.
    Comment affecter donnee=[ ]
    Merci d’avance

    Répondre à ce message

  • Le 9 mars 2011 à 16:37, par zatoune En réponse à : JpGraph

    Bonjour,

    Quelqu’un aurait-il une idée pour une erreur http 500 générée lorsque j’essaye d’accéder à la page demo_jpgraph ? (d’ailleurs pour info, sur la page du plugin, le nom de fichier est écrit "demo_jgpraph au lieu de demo_jpgraph). Je sais que c’est assez vague mais c’est surtout dans l’espoir de trouver un début de solution, vu que je sèche depuis quelque temps.
    Je précise que j’ai a priori bien suivi la procédure pour l’installation.
    Merci d’avance pour les pistes

    • Le 14 mars 2011 à 06:17, par erational En réponse à : JpGraph

      j’ai corrigé le lien de l’article.
      La page de test est en effet http://../spip.php?page=demo_jpgraph

      Merci de vérifier si vous avez les requis :

      • php 5.1 ou plus
      • la libraire GD disponible

      Pour une 1re installation, il n’est necessaire d’éditer ./lib/jpgraph-3.0.7/src/jpg-config.inc.php. Vous pourrez le faire ensuite si vous voulez avoir un cache sur les images générées.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Afficher les articles en entier ou en résumé selon leur nombre dans une rubrique

    22 octobre 2006 – commentaires

    Selon le contenu de rubrique, afficher les articles dans leurs intégralités (si 1 seul article dans la rubrique) ou leurs résumés (si plusieurs articles). Cette boucle peut être donc pratique pour réaliser le squelette d’un site contenant beaucoup de (...)

  • Afficher les données EXIF des images

    12 mai 2008 – commentaires

    Plugin pour disposer le la balise EXIF pour SPIP 1.9.2 et squelette EXIF pour afficher les données de l’appareil photo.

  • Dépublication

    16 décembre 2010 – 80 commentaires

    Parfois des articles n’ont plus d’intérêt à une date donnée et vous souhaitez programmer leur dépublication pour qu’elle s’effectue automatiquement. Vous pouvez aussi renseigner une date d’expiration des droits d’un auteur. A la date donnée, (...)

  • Rechercher remplacer

    17 octobre 2011 – commentaires

    Ce plugin permet de simplement rechercher une chaine dans les champs textes de la base de donnée, et éventuellement de la remplacer par une autre chaine. Cet outil peut servir tant à l’administrateur d’un site, qu’à son rédacteur en chef. (...)

  • Réaliser un champ de formulaire avec autocomplétion avec jQuery UI

    27 février 2013 – commentaires

    Cet article est un tutoriel pour montrer la simplicité d’intégration de jQuery UI dans SPIP 3. Dans un premier temps, nous allons intégrer tout le code « à la main » pour analyser le mode de fonctionnement. En fin d’article on proposera la même solution (...)