Page 1 sur 1
Gauge Highcharts
Posté : 11 août 2016, 11:51
par JP54
Bonjour,
j'ai créé il y quelques temps cette jauge.
http://www.meteo-jarny.com/gauge-highch ... s_temp.php
Est ce possible d'y ajouter deux indicateurs ou une zone de couleur indiquant le maxi et le mini du jour.
je suis un peu perdu, ça fait un petit moment que je n'ai pas travaillé sur les graphiques et les jauges et j'ai oublié pas mal de choses.
Re: Gauge Highcharts
Posté : 12 août 2016, 17:15
par JP54
Pour faire fonctionné la jauge j'ai un fichier nommé "data-temp.php" qui récupère la température actuelle de la table "data"
http://www.meteo-jarny.com/gauge-highch ... a-temp.php
Code : Tout sélectionner
<?php
// Récupération de la dernière donnée
date_default_timezone_set("UTC");
require("mysql_connect.php");
$result=mysql_query ("SELECT outdoortemperature FROM data ORDER BY tstamp DESC LIMIT 0, 1") or die (mysql_error ());
$data = array();
$count = 0;
while ($row=mysql_fetch_array($result))
{
$data[] = array( (float)$row['outdoortemperature']);
$count++;
}
echo json_encode($data);
?>
Donc je me suis dis je vais faire la même chose pour récupéré le maxi et le mini. Soit avec un fichier qui récupère les deux valeurs ou deux fichiers différents mais la table "MiniMaxidata"
Fichier avec les deux valeurs
http://www.meteo-jarny.com/gauge-index/ ... p_data.php
Le maxi
http://www.meteo-jarny.com/gauge-index/maxtemp_data.php
Le mini
http://www.meteo-jarny.com/gauge-index/mintemp_data.php
Maintenant, reste à récupéré les données et à les mettre dans le fichier de ma jauge.
C'est une piste, je ne sais pas si c'est la bonne solution, j'y travaille.
Re: Gauge Highcharts
Posté : 12 août 2016, 23:16
par Météo Villarzel
Salut Pacal,
effectivement je n'ai rien trouvé dans l'API de highcharts, donc à mon avis tu es sur la bonne voie.
Créer 3 axes y, un pour la temp actuelle, un pour le min et un pour le max.
Après tu remplace l'aiguille des min et max par une image (par ex un petit triangle)
Bon courage
A+
Re: Gauge Highcharts
Posté : 13 août 2016, 12:16
par JP54
Le problème c'est que j'ai 3 fichiers, un pour la température actuelle, un pour le mini et le dernier pour le maxi donc 3 URL différents.
Voici le code pour récupéré la température actuelle
Code : Tout sélectionner
$(function () {
$.getJSON('http://www.meteo-jarny.com/gauge-index/data-temp.php' , function(data) {
je n'arrive pas à trouver comment mettre les 3 URL.
J'ai trouvé une piste pour 2 URL mais ça me parait bien compliqué et ça ne fonctionne pas
Code : Tout sélectionner
$.when($.getJSON(url), $.getJSON(url_wind)).done(function(data1, data2) { //do stuff with 'data' and 'data2' }); des $.when($.getJSON(url), $.getJSON(url_wind)).done(function(data1, data2) { //do stuff with 'data' and 'data2' });
Re: Gauge Highcharts
Posté : 13 août 2016, 23:35
par Météo Villarzel
tu as essayé, dans le genre
Code : Tout sélectionner
$(function () {
$.getJSON('http://www.meteo-jarny.com/gauge-index/data-temp.php' , function(data)
$.getJSON('http://www.meteo-jarny.com/gauge-index/max-temp.php' , function(data1)
$.getJSON('http://www.meteo-jarny.com/gauge-index/min-temp.php' , function(data2) {{
Re: Gauge Highcharts
Posté : 14 août 2016, 00:07
par JP54
J'ai essayé pas mal de chose mais pas ça, je teste et je vois ce que ça donne.
Re: Gauge Highcharts
Posté : 14 août 2016, 12:10
par JP54
Sans succès, ça ne fonctionne pas, j'ai toujours une page blanche.
J'ai essayé de modifié ton code Pierre André mais toujours le même résultat. Il doit manqué quelque chose, parenthèse crochet ou autre ou tout simplement ce n'est pas la bonne solution.
J'ai fais quelques recherches, mais je n'ai rien trouvé d'intéressant.
Je vais continué à chercher.