Ajouter un graphe avec jqplot (Créer un compte)

  • WordPress :6.4
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2467166
    Ekhorizon
    Participant
    Initié WordPress
    1 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : PHP Version 7.4.25 / libmysql – mysqlnd 7.4.25
    • Thème utilisé : Gaukigo (theme enfant)
    • Extensions en place : nombreuses
    • Nom de l’hébergeur : Gandi
    • Adresse du site : http://www.alphabulle.fr

    Problème(s) rencontré(s) :

    Bonjour,

    Je souhaite afficher des graphiques sur mon site WordPress (theme enfant Gaukigo). Pour cela, j’ai repéré la librairie jqplot qui devrait me convenir.

    J’ai ajouté le script et ses plugins dans le répertoire de mon theme enfant : /js/jqplot/

    J’ai ajouté ce code à mon function.php :

    /*******************************************

    JQPLOT

    ********************************************/

    function my_scripts (){
    wp_register_script( 'jqplot',get_stylesheet_directory_uri() . "/js/jqplot/jquery.jqplot.js");
    wp_enqueue_script( 'jqplot' );
    wp_register_script( 'bar', get_stylesheet_directory_uri() . "/js/jqplot/plugins/jqplot.barRenderer.js");
    wp_enqueue_script( 'bar' );
    }

    function my_css () {
    echo '<link type="text/css" rel="stylesheet" href="' . get_stylesheet_directory_uri() . '/js/jqplot/jquery.jqplot.css" />' ;
    }

    add_action('wp_enqueue_scripts', 'my_scripts');
    add_action('wp_head', 'my_css');

    Et j’ai créé un template de page pour faire mes petits tests, dans lequel j’ai inscritle code ci-dessous. Le premier coucou1 fonctionne, mais pas le second. 🙁 Et évidement, le graphe ne s’affiche pas.

    		<script>

    alert('Coucou1');

    $(document).ready(function(){
    var plot = $.jqplot ('firstChart', [[1,9,4,3,8.65,5]]);
    });

    alert('Coucou2');

    </script>

    <div id="firstChart" style="width:100%;height:250px;"></div>

    Merci d’avance de votre aide !

    (J’ai également testé cela dans un fichier HTML ultra-simple en local sur mon PC, et il fonctionne…)

    <html>

    <head>

    <title>Learning jqPlot</title>

    <meta charset="utf-8">

    <link rel="stylesheet" href="./js/jqplot/jquery.jqplot.css">

    <script src="./js/jquery.js"></script>
    <script src="./js/jqplot/jquery.jqplot.js"></script>

    </head>

    <body>

    <script>

    alert("Coucou");

    jQuery(document).ready(function(){
    var plot = $.jqplot ('firstChart', [[1,9,4,3,8.65,5]]);
    });
    </script>

    <div id="firstChart" style="width:100%;height:250px;"></div>

    </body>

    </html>

    #2467184
    ferman
    Participant
    Maître WordPress
    6776 contributions

    Bonjour,

    Dans le premier code, « $(document).ready(function(){« , $ n’est pas défini. Vous avez deux solutions: soit remplacer $ par jQuery dans le premier code (comme dans le deuxième code) soit définir $  (écrire: « $=jQuery; »  après la balise  « <script> »).

    • Cette réponse a été modifiée le il y a 3 semaines et 6 jours par ferman.
2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.