Graphiques sur une page avec liste déroulante

Ce forum est dédié aux discussions qui concernent les graphiques réalisés avec la librairie Highcharts, Une question, un bug ?

Modérateurs : jturlier, Météo Villarzel

Alex54
Messages : 12
Enregistré le : 17 avr. 2014, 15:32
Localisation : Heillecourt en Meurthe-et-Moselle (54180)
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Alex54 » 18 avr. 2014, 13:36

Ah d'accord, donc ça serais mieux que j'utilise highstock ? ou on peut utiliser la propriété range selector dans highchart ?
Station:
VP2 - console (datalogger RS232 + Raspberry Pi 3 pour envoi réseau)

VP2SQL + WeatherLink 6.0.5 + GraphWeather 3.0.15

Serveur:
DELL R210 - Xeon - 16Go RAM - SSD

Site:
http://www.meteo-heillecourt.fr

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Météo Villarzel » 18 avr. 2014, 14:38

Alex54 a écrit :on peut utiliser la propriété range selector dans highchart ?
Non, uniquement avec highstock, mais attention c'est uniquement des raccourcis pour zoomer sur une période de xxx.
Si tu crées un fichier avec les données sur une années, même si tu mets par défaut le range selector sur 1 semaine, il va quand même devoir charger les données sur une année, a mon avis avec un pas d'enregistrement de 5 minutes, le max à charger et de 3 mois, plus c'est possible, mais ça prend du temps et ça énerve les visiteurs.

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

JP54
Messages : 331
Enregistré le : 15 févr. 2014, 06:44
Localisation : JARNY Meurthe-et-Moselle (54) Région Lorraine
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par JP54 » 18 avr. 2014, 15:05

Pour info, mes données sont enregistrés toute les minutes donc regarde le temps que met a chargé le graphique sur 3 mois. Comme le dis Pierre André, il ne faut pas que ça trop long,c 'est pourquoi j'ai indiqué le temps de chargement sur mes pages
Modifié en dernier par JP54 le 18 avr. 2014, 15:07, modifié 1 fois.
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Météo Villarzel » 18 avr. 2014, 15:07

Salut Pascal

A mon avis, un pas de 1mn ne set pas à grand chose et ça alourdi pas mal les graphiques.

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

JP54
Messages : 331
Enregistré le : 15 févr. 2014, 06:44
Localisation : JARNY Meurthe-et-Moselle (54) Région Lorraine
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par JP54 » 18 avr. 2014, 15:09

Oui peut-être Pierre André, mais le temps de chargement sur 3 mois n'est pas trop long avec 1 minute
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

Alex54
Messages : 12
Enregistré le : 17 avr. 2014, 15:32
Localisation : Heillecourt en Meurthe-et-Moselle (54180)
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Alex54 » 18 avr. 2014, 18:03

d'accord, merci pour votre aide, je vais essayer avec highstock, on pourrais aussi mettre une barre de chargement pour le graphique (pour l'iframe), cela serait peut être moins énervant pour les visiteurs.
Station:
VP2 - console (datalogger RS232 + Raspberry Pi 3 pour envoi réseau)

VP2SQL + WeatherLink 6.0.5 + GraphWeather 3.0.15

Serveur:
DELL R210 - Xeon - 16Go RAM - SSD

Site:
http://www.meteo-heillecourt.fr

JP54
Messages : 331
Enregistré le : 15 févr. 2014, 06:44
Localisation : JARNY Meurthe-et-Moselle (54) Région Lorraine
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par JP54 » 18 avr. 2014, 18:25

Tu peux, après il faut voir ce que ça donne
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

Alex54
Messages : 12
Enregistré le : 17 avr. 2014, 15:32
Localisation : Heillecourt en Meurthe-et-Moselle (54180)
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Alex54 » 23 avr. 2014, 18:10

Bonjour à tous,

J'ai presque fini mes graphiques mais je me posais une question, cela ne pose pas de problème de charger les données du graphique à la fin du code (juste avant la fermeture de la balise html ) ? je pense que c'est mieux pour l'affichage de la page en premier et aussi la lecture du code sur navigateur non ? :)
Station:
VP2 - console (datalogger RS232 + Raspberry Pi 3 pour envoi réseau)

VP2SQL + WeatherLink 6.0.5 + GraphWeather 3.0.15

Serveur:
DELL R210 - Xeon - 16Go RAM - SSD

Site:
http://www.meteo-heillecourt.fr

Avatar du membre
Météo Villarzel
Administrateur du site
Messages : 524
Enregistré le : 06 févr. 2014, 09:48
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Météo Villarzel » 23 avr. 2014, 20:54

Salut Alex,

Peux-tu préciser ta question, car là j'avoue ne pas voir tout compris :roll:

A+
Station Vantage Pro2+ avec station agricole - Weatherlink - GraphWeather 3.0.15b - Cumulus 1.9.4 - Windows 7/64
Graphique dynamique à partir d'une bd MySql - VP2SQL

Image

Alex54
Messages : 12
Enregistré le : 17 avr. 2014, 15:32
Localisation : Heillecourt en Meurthe-et-Moselle (54180)
Contact :

Re: Graphiques sur une page avec liste déroulante

Message par Alex54 » 23 avr. 2014, 21:01

pas de souci :)

Peut on récuperer cette partie de code :

Code : Tout sélectionner

<?php

require("database.php");

$sql="select max(tstamp) from data";
$query=mysql_query($sql);
$list=mysql_fetch_array($query);


$sql = "SELECT tstamp, sealevelpressure  FROM data where tstamp ";
$query=mysql_query($sql);
$i=0;
while ($list = mysql_fetch_assoc($query)) {
if (date("I",time())==0) {
    $dtime[$i]=($list['tstamp']+3600)*1000;
    }
else {
    $dtime[$i]=($list['tstamp']+7200)*1000;
  }

$sealevelpressure[$i]=$list['sealevelpressure']*1;

$i++;
}
  ?>
<script type="text/javascript">
eval(<?php echo  "'var dTime =  ".json_encode($dtime)."'" ?>);
eval(<?php echo  "'var sealevelpressure =  ".json_encode($sealevelpressure)."'" ?>);
</script>
(celle qui récupère les données nécessaire au graphique à savoir le temps et les valeurs) à la fin de la page genre comme ça :

Code : Tout sélectionner

<!DOCTYPE html>
<html>
  <head>
    <title></title>
 </head>
      <body>

PARTIE SCRIPT POUR CREER LE GRAPHIQUE
      </body>

recupérer donc les valeurs ici
</html>
ou cela gène ?
Station:
VP2 - console (datalogger RS232 + Raspberry Pi 3 pour envoi réseau)

VP2SQL + WeatherLink 6.0.5 + GraphWeather 3.0.15

Serveur:
DELL R210 - Xeon - 16Go RAM - SSD

Site:
http://www.meteo-heillecourt.fr

Répondre