Page 1 sur 2

Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 15:14
par florian
Bonjour à tous!


Je vous contacte car j'ai un souci quelque peu embêtant. Alors je vous explique, j'ai suivi toute la procédure pour la mise ne place de mon premier graphique Highcharts proposé sur le site http://www.boock.ch/meteo/tuto_mysql_hi ... rts_01.php . Tout marche bien mais le problème c'est que lorsque je souhaite visionner la page 48h_temperature.php , j'ai une page blanche qui s'affiche sans aucun élément du graphique. Je précise que je dispose d'une VP2+


J'ai ben vérifié toutes les variables, les chemins etc.



Avez-vous une idée du problème?



PS: le bonjour à JP54 qui est non loin de chez moi ;D

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 16:03
par Météo Villarzel
Salut Florian,
il faudrait un peu plus d'informations pour pouvoir t'aider.
Tu veux faire tes graphiques depuis une base de données ? la bdd est-elle créée par VP2SQL ?
Si ton graphique est sur le Net, donne nous le lien et mets ton code PHP en ligne.

A+

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 16:12
par florian
Oui la BDD est crée via VP2QDL et envoyée sur db4free.net pour tester. Voici le lien http://www.meteolor.fr/previsions/graph ... rature.php

Code : Tout sélectionner

<?php
// appel du script de connexion
require("mysql_connect.php");                     
// On récupère le timestamp du dernier enregistrement
$sql="select max(tstamp) from data";
$query=mysql_query($sql);                  
$list=mysql_fetch_array($query);     
// On détermine le stop et le start de façon à récupérer dans la prochaine requête 
que les données des dernières xx heures
$stop=$list[0];
$start=$stop-(86400*2);
// Récupération des données sur les dernières 48 heures avec un tri ascendant sur le timestamp

$sql = "SELECT tstamp, outdoortemperature, windchill, dewpoint,  outdoorheatindex 
FROM data where tstamp >= '$start' and tstamp <= '$stop' ORDER BY 1"; 

                  $query=mysql_query($sql); 
                  $i=0;
                  while ($list = mysql_fetch_assoc($query)) { 
                  if (date("I",time())==0) { 
                   $time[$i]=($list['tstamp']+3600)*1000;
                   } 
                   else {
                   $time[$i]=($list['tstamp']+7200)*1000;
                    } 
                
$outdoortemperature[$i]=$list['outdoortemperature']*1;
$windchill[$i]=$list['windchill']*1; 
$dewpoint[$i]=$list['dewpoint']*1;
$outdoorheatindex[$i]=$list['outdoorheatindex']*1;
$i++;
} 
 ?>

<script type="text/javascript"> 
eval(<?php echo "'var time = ".json_encode($time)."'" ?>);
eval(<?php echo "'var outdoortemperature = ".json_encode($outdoortemperature)."'" ?>);
eval(<?php echo "'var windchill = ".json_encode($windchill)."'" ?>);
eval(<?php echo "'var dewpoint = ".json_encode($dewpoint)."'"  ?>);
eval(<?php echo "'var outdoorheatindex = ".json_encode($outdoorheatindex)."'" ?>); 
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META NAME="SUBJECT" CONTENT="Graphique Vantage Pro Davis">
<META NAME="DESCRIPTION" CONTENT="graphique dynamique">
<META NAME="KEYWORDS" CONTENT=" météo, pluie, vent, température, temperature, 
station, Vantage, Davis, Pro, Davis Vantage Pro,pression, UV, soleil,">
<META NAME="REVISIT-AFTER" CONTENT="5 DAYS">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=9" >
<META NAME="LANGUAGE" CONTENT="FR">
<meta http-equiv="content-type" content="text/plain; charset=ISO-8859-1"> 
<title>Météo Lor' - 54910 Valleroy / Graphique dynamique température et point de rosée sur 48 heures</title>
               
<!-- 1. Add these JavaScript inclusions in the head of your page -->

 <script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/jquery.min.js"></script> 
 <script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/highcharts.js"></script> 
 <script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/themes/grid.js"></script>
<script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/modules/exporting.js"></script>

<!-- 2. Add the JavaScript to initialize the chart on document ready -->

<script type="text/javascript"> 

function comArr(unitsArray) { var outarr = [];
for (var i = 0; i < time.length; i++) { outarr[i] = [time[i], unitsArray[i]];
}
return outarr;
} 

$(function () {
var chart; 
$(document).ready(function() { 
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);	
Highcharts.setOptions({
lang: {

months: ["Janvier "," Février ","Mars "," Avril "," Mai "," Juin "," Juillet "," Août "," Septembre ",
" Octobre "," Novembre "," Décembre"],
weekdays: ["Dim "," Lun "," Mar "," Mer "," Jeu "," Ven "," Sam"],
shortMonths: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil','Août', 'Sept', 'Oct', 'Nov', 'Déc'],
decimalPoint: ',',
resetZoom: 'Reset zoom',
resetZoomTitle: 'Reset zoom à 1:1',
downloadPNG: "Télécharger au format PNG image",
downloadJPEG: "Télécharger au format JPEG image",
downloadPDF: "Télécharger au format PDF document",
downloadSVG: "Télécharger au format SVG vector image",
exportButtonTitle: "Exporter image ou document",
printChart: "Imprimer le graphique",
loading: "Laden..."
 }

});

chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'x',
type: 'spline',
marginRight: 10,
marginBottom: 60,
plotBorderColor: '#346691',
plotBorderWidth: 1,
},
               
title: {
text: 'Températures des dernières 48 heures',
x: -20 //center
},

subtitle: {
text: 'Source: Météo Villarzel',
x: -20
},
credits: {
text: '© Météo Lor',
href: 'http://www.boock.ch/meteo-villarzel.php'
 },

xAxis: {
type: 'datetime', 
startOnTick: false,
},

yAxis: {
title: {
text: 'Temperature (°C)' 
},

plotLines: [{
value: 0,
width: 1,
color: '#FF0000'
}]
 },

tooltip: {
crosshairs:[true],
borderColor: '#4b85b7',
shared: true,
backgroundColor: '#edf1c8',
formatter: function() {
var s = '<b>'+ Highcharts.dateFormat('%e %B à %H:%M', 
this.x) +'</b>';
$.each(this.points, function(i, point) {
var unit = {
'Point de rosée': ' °C',
'Température': ' °C',
'Facteur vent' : '',
'Humidex' : ''
 }[this.point.series.name];
s = s + '<br>' + '<span style="color:'+ point.series.color +'">' + point.series.name + '</span> : ' 
+Highcharts.numberFormat(point.y,1,","," ")+ unit;
});
return s;
 },
 },

plotOptions: {
series: {
marker: {
enabled: false
 }
 }
},

series: [ 
{
name: 'Température',
zIndex: 1,
color: '#ff0000',
data: comArr(outdoortemperature) 
 },

{
name: 'Point de rosée',
color: '#3399FF',
data: comArr(dewpoint) 
 },
{
name: 'Facteur vent',
color: '#40e0d0',
dashStyle: 'LongDash',
data: comArr(windchill),
},
{
name: 'Humidex',
color: '#bd005c',
dashStyle: 'ShortDash',
data: comArr(outdoorheatindex),
}
]
});
});
});
                
</script>
</head>

<body>

<div id="container" style="width: 550px; height: 300px; margin: 0 auto"></div>

</body>


</html>

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 19:37
par Météo Villarzel
Très étrange ton fichier, il ne contient absolument rien, il est normal de ne pas voir le code php, mais il n'y a aucun code html et js
[url]view-source:http://www.meteolor.fr/previsions/graph ... rature.php[/url]
Tu est sûr d'avoir bien uploader le bon fichier ?
Évite aussi les espaces dans les noms de fichier.

A+

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 20:46
par florian
Pourtant j'ai suivi de A à Z votre tuto ! ^^

Je vais regarder à nouveau

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 21:23
par florian
Il faut bien deux fichiers à envoyer sur le serveur on est d'accord?

http://www.boock.ch/meteo/tuto_mysql_hi ... rts_05.php Etant le fichier qui récupère et fait les graphiques (ici température 48h) ?

J'ai un dossier sur le serveur avec 2 fichiers, le 48h_temperature.php & msql_connect.php





Est-ce parce que j'utilise db4free.net? J'essaye en local maintenant. Peux-tu me dire ce que je dois mettre dans les 2 fichiers car j'ai relu et j'ai bien tout mis comme il faut je ne comprends donc pas pourquoi ça ne marchait pas.

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 22:02
par Météo Villarzel
tu peux m'envoyer tes deux fichiers par mail, je jette un coup d'oeil

A+

Re: Fichier test ne fonctionne pas

Posté : 04 avr. 2015, 23:31
par Météo Villarzel
tu as mis comme lien vers la librairie
http://www.meteolor.fr/previsions/graph ... hcharts.js
C'est faux
le lien est
http://www.meteolor.fr/previsions/graph ... hcharts.js

C'est mieux de ne pas mettre d'espace dans les noms des répertoires et des fichiers

A+

Re: Fichier test ne fonctionne pas

Posté : 05 avr. 2015, 18:38
par florian
Oui j'ai corrigé mais bon je crois que j'ai dû louper quelque chose car ça ne veut pas marcher

Re: Fichier test ne fonctionne pas

Posté : 05 avr. 2015, 18:59
par Météo Villarzel
tu as corrigé les liens vers les fichiers

<script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/jquery.min.js"></script>
<script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/highcharts.js"></script>
<script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/themes/grid.js"></script>
<script type="text/javascript" src="www.meteolor.fr/previsions/graphique/scripts%20graphiques/js/modules/exporting.js"></script>

Il y a un truc étrange, si tu ouvre ta page avec un navigateur
http://www.meteolor.fr/previsions/graph ... rature.php
et que tu fais clique droit, afficher le code source de la page, il n'y a absolument rien sur ta page

Fait le test avec cette page
http://www.boock.ch/meteo/tuto_mysql_hi ... rature.php