Gauge Highcharts

[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.

[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.

[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+

[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' });

[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) {{

[JP54]

J'ai essayé pas mal de chose mais pas ça, je teste et je vois ce que ça donne.

[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.