Date décalée sur xAsis

JP54 · Message par **JP54** » 14 déc. 2014, 15:58

Je sais, j'ai pas touché à xAsis, mon code est le même que toi

JP54 · Message par **JP54** » 14 déc. 2014, 16:01

Voilà mon code complet si tu vois quelque chose. J'ai regardé ton code source, c'est le même

 <?php
    // appel du script de connexion
    require("mysql_connect.php");                     

    $sql = "SELECT substr(recdateTZ,1,4) AS Annee, sum(t_out_mini <= 0) AS NBJG FROM MiniMaxidata WHERE substr(recdateTZ,5,2)='11' GROUP BY 1";  
    $query = mysql_query($sql);                   
    $i=0;
    $NBJG02 = array();
    while ($list = mysql_fetch_assoc($query)) {     

    $Annee[$i]=$list['Annee']*1;
    $NBJG[$i]=$list['NBJG']*1;

    $NBJG02[] = array($Annee[$i],(float)$NBJG[$i]);

    $i++;
    }    
    ?>

    <script type="text/javascript">
    eval(<?php echo  "'var NBJG02 =  ".json_encode($NBJG02)."'" ?>);
     
    </script>

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Document sans titre</title>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
<script type="text/javascript" src="highcharts/js/highcharts.js"></script>
<script type="text/javascript" src="highcharts/js/highcharts-more.js"></script>
<script type="text/javascript" src="highcharts/js/modules/exporting.js"></script>
<script type="text/javascript" src="highcharts/js/themes/grid.js"></script>
<script type="text/javascript" src="jquery/overlib.js"></script>
<script type="text/javascript" src="jquery/overlib_fade.js"></script>

    <script type="text/javascript">

    $(function () {
        $('#container').highcharts({
             xAxis: {
             },
             yAxis: [{ // 1er yAxis (numero 0)
                gridLineWidth: 0,
                lineColor: '#B70000',
                lineWidth: 2,
                tickColor: '#B70000',
                   tickWidth: 2,
                labels: {
                   formatter: function() {
                      return this.value +' J';
                   },
                   style: {
                      color: '#B70000'
                   }
                },
                title: {
                   text: 'Nombre de jour de gel',
                   style: {
                      color: '#B70000'
                   }
                },

             }, 
             ],
            series: [{
                name: 'Nombe de jour de gel',
                yAxis: 0,
                type: 'column',
                data: NBJG02,
                }]
        });
    });
    </script>
    </head>

    <body>
           <div id="container" style="width: 1060px; height: 570px; margin: 0"></div><br>
    </body>
    </html>

PascalWMR · Message par **PascalWMR** » 14 déc. 2014, 16:47

Je viens de tester ton code en local en changeant uniquement les chemins des librairies et le code mysql car tu utilise toujours mysql au lieu de mysqli, et de toute façon ça ne peut pas provenir de cette partie mysqli, puisque les données sont correctement encodées.

Eh bien ça fonctionne correctement.

La seule chose qui peut peut-être faire la différence, ce sont les librairies highcharts. Moi j'utilise la version 4.0.4 de ces librairies.

Mais alors là je cale. Je ne vois pas ou est le problème.

A+
Pascal

JP54 · Message par **JP54** » 14 déc. 2014, 17:46

Tu peux me dire ou je vois la version des librairies que je regarde ma version

Message par **Météo Villarzel** » 14 déc. 2014, 18:07

Salut,
mets des liens directs et tes librairie seront toujours à jour.

<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/themes/grid.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/expo ... "></script>

etc...

A+

Message par **jturlier** » 14 déc. 2014, 18:09

PascalWMR a écrit :Salut Jean

jturlier a écrit :Si tu pouvais ajouter un message ou un truc tournant pour indiquer le chargement en cours ça éviterai d'être surpris en se demandant si ça fonctionne !
Le plus tu donnes, le plus on te demande
Oui oui Jean, j'y ai déja pensé.

Pour l'instant, j'arrive à afficher un gif dans une div en forçant l'affichage avec ob_flush() flush() en début de code php, mais ou je rame c'est pour supprimer cette div.
Je cherche, je cherche

A+
Pascal

Bonsoir Pascal,
Tu ne peux pas supprimer ton div avec du php...enfin si mais c'est moins simple car il faut à la fin du chargement réécrire la page. Il faut bien garder en mémoire que le PHP s'exécute sur le serveur et le Javascript sur la machine du client. (si tu as de l'Ajax, c'est partagé le javascript de la machine client envoie une requête au serveur PHP, ASP, JAVA, PYTHON... et attend sa réponse pour mettre à jour un élément de la page affichée)
En résumé, si ton serveur est chargé, tu as intérêt à faire bosser la machine client, même avec de l'Ajax)
Bon tout ça c'est très schématique, mais l'Ajax à pratiquer est assez marrant.

Comme tu est en javascript tu peux gérer la visibilité de ton div (visible ou masqué) (c'est la méthode que je préfère, mais c'est personnel.
Les exemples ne manquent pas.
http://openclassrooms.com/forum/sujet/i ... -php-65820
Si tu es dans du code Ajax, ce sera un peu plus simple car le JS de l'AJAX est dans un mode d'attente et peut afficher une ligne tout le temps où il est dans ce statut et à tu n'as pas besoin de div.

Bon amusement

Jean

PascalWMR · Message par **PascalWMR** » 14 déc. 2014, 18:15

Tu ouvre simplement les fichiers .js dans le répertoire highcharts avec Notepad++ que tu dois avoir, je pense, et en tête de fichier tu a ces lignes.

La version se trouve sur la 1ere ligne (ici v4.0.4)

/*
Highcharts JS v4.0.4 (2014-09-02)

(c) 2009-2014 Torstein Honsi

License: http://www.highcharts.com/license
*/.

A+
Pascal

PascalWMR · Message par **PascalWMR** » 14 déc. 2014, 18:17

Salut Jean

Merci pour le lien je crois que je vais avoir la solution.

A+
Pascal

JP54 · Message par **JP54** » 14 déc. 2014, 18:22

Version 3.0.2, je vais mettre les liens en direct comme le suggère Pierre André

JP54 · Message par **JP54** » 14 déc. 2014, 18:26

C'est bien un problème de librairie Highcharts, je viens de mettre les liens en direct et c'est bon
http://www.meteo-jarny.com/graphiques-d ... -gel-1.php
Merci beaucoup à vous, reste plus qu' personnalisé le graphique

Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis

Re: Date décalée sur xAsis