SPIP-Contrib

SPIP-Contrib

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

273 Plugins, 191 contribs sur SPIP-Zone, 93 visiteurs en ce moment

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

JpGraph

24 octobre 2009 – par erational, Olivier Gautier – 25 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

25 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/

par

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

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. [(#MODELE{jpgraph}
  11. {type_graphe=barre}
  12. {titre=Statistiques du site}
  13. {donnee=[(#GET{c_article})];[(#GET{c_rubrique})];[(#GET{c_mot})]}
  14. {legende=Nb Articles;Nb Rubriques;Nb Mots}
  15. {largeur=500}
  16. {hauteur=300}
  17. {couleur=orange})]

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.

Retour en haut de la page

Vos commentaires

  • 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 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).

    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 1ere 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

  • Le 22 février 2011 à 17:54, par Tina En réponse à : JpGraph

    Bonjour,

    j’ai installé la librairie (sans rien toucher) et j’ai installé le plugin.

    Lorsque je mets le code de test pour voir (consommation de noisettes dans l’année), j’ai ensuite ce message d’erreur sur l’écran :

    Warning : chdir() [function.chdir] : No such file or directory (errno 2) in /home/domaine/www/plugins/jpgraph/jpgraph_fonctions.php on line 126

    Warning : require_once(src/jpgraph.php) [function.require-once] : failed to open stream : No such file or directory in /home/domaine/www/plugins/jpgraph/jpgraph_fonctions.php on line 127

    Fatal error : require_once() [function.require] : Failed opening required ’src/jpgraph.php’ (include_path=’. :/usr/share/php5’) in /home/domaine/www/plugins/jpgraph/jpgraph_fonctions.php on line 127

    Où dois-je résoudre quel bug ? Du côté du zip du plugin ou bien du côté de la librairie ?

    MErci d’avance !

    • Le 28 février 2011 à 12:40, par erational En réponse à : JpGraph

      bonjour,

      je viens de réinstaller un SPIP 2.1.8 avec le plugin JpGraph avec succès.

      Vérifier que votre librairie est bien installée dans ./lib/jpgraph-3.0.7/
      Par ex. le fichier jpgraph.php doit se trouver dans ./lib/jpgraph-3.0.7/src/jpgraph.php

      D’autre part, j’ai mis à jour le plugin avec un nouveau mode d’inclusion de la librairie.
      Le zip devrait être disponible d’ici quelques heures.
      Merci de me dire si cela marche.

    • Le 28 février 2011 à 13:45, par Tina En réponse à : JpGraph

      Ca marche, merci !

      Pourquoi cette librairie là ne doit pas être rangée là où se trouvent les autres librairies que demandent d’autres plugins ?

      Mais sinon, voilà, maintenant ça fonctionne comme sur des roulettes.

    • Le 28 février 2011 à 14:08, par erational En réponse à : JpGraph

      Je suis content que cela marche.

      SPIP distingue deux répertoires pour ranger les librairies :

      • /lib/ pour librairies des plugins comme JpGraph, Fancybox, ....
      • ./extensions/ pour les librairies du noyau comme safehtml, JavascriptPacker, ....

    Répondre à ce message

  • Le 21 avril 2010 à 22:19, par pamillet En réponse à : plugin JpGraph

    bonsoir,

    un truc qui semble marcher....

    je ne trouve pas la version 3.0.6 de jpgraph, mais la 3.0.7
    j’installe la 3.0.7, mais en activant le plugin, j’ai toujours le message « il faut la librairie.. »

    donc je ruse en renommant le dossier jpgraph-3.0.7 en jpgraph-3.0.6
    ca fonctionne pour l’activation du plugin..
    et ca semble fonctionner tout court..

    il y a peut-être des différences après... ?

    pam

    • Le 23 avril 2010 à 09:07, par erational En réponse à : plugin JpGraph

      merci pour votre remarque, j’ai mis à jour le plugin pour qu’il prenne la dernière version de jpGraph (la 3.0.7 au lieu de la 3.0.6)

    Répondre à ce message

  • Le 17 mars 2010 à 13:31, par Cadsic En réponse à : plugin JpGraph

    Le lien indiqué est erroné :
    Télécharger l’archive de JpGraph

    Répondre à ce message

  • Le 1er mars 2010 à 15:49, par Tropicaloo En réponse à : plugin JpGraph et Camemberts 3D

    Bonjour,

    Dans le référentiel, pour le gestion des couleurs, il est précisé :

    Pour l’instant ce paramètre n’est pas pris en compte pour les graphes camemberts (à réécrire car partiellement faux).

    Je suis très interessé par ce paramètre et je vais essayer d’y travailler. Si quelqu’un a quelques pistes pour m’aider à défricher la forêt, je suis preneur
    Merci.

    Répondre à ce message

  • Le 18 février 2010 à 08:51, par Daniel En réponse à : plugin JpGraph : autres exemples de Boucles

    Je me perd dans boucles et commandes... auriez-vous d’autres exemples de Boucles, svp ?
    merci

    Répondre à ce message

  • Le 5 novembre 2009 à 22:09, par cratso_ En réponse à : plugin JpGraph

    il y a la librairie Open Flash Chart qui est tres interessante aussi (sauf pour les flashophobes :p ) et surtout Open Source... bravo pour cette contrib au passage :)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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

  • Plugin Vidéo(s)

    23 novembre 2010 – 293 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, (...)

  • Plugin SPIPAL

    10 janvier 2011 – 79 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Pour intégrer un système de paiement immédiat via PayPal à certains de vos articles . Ce plugin est une mise à niveau pour la version SPIP 2.1.8 du Plugin GoPayPal qui était resté en SPIP 1.9.2 depuis 3 ans. Il change de nom pour ne pas faire trop de (...)

  • Le menu déroulant Babbibel

    2 juin 2009 – 303 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un menu déroulant horizontal en jQuery sans limitation de profondeur et configurable avec CFG.

  • Traductions d’articles autrement 3

    8 octobre 2011 – <blink style='color:red;'>public|spip|ecrire:commentaire</blink>

    Adaptation pour SPIP 3 du plugin Traductions d’articles autrement Ce plugin modifie légèrement l’interface de SPIP afin de rendre la traduction des articles plus aisée. Principe Des liens de langues, affichés en haut de l’article, permettent de (...)

  • Brownygreen

    3 février – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un thème simple de couleur marron et vert, en largeur fixe, constitué de 2 colonnes avec une en-tête facilement personnalisable. Présentation Adaptation de Versatility par E-cosystems. Si vous utilisez le plugin Menus, une navigation principale (...)