Affichage jauge

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

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

Affichage jauge

Message par JP54 » 29 oct. 2017, 09:45

Bonjour les amis,
L'automne s'est installé ici en Lorraine, il n'y a plus grand chose à faire à l'extérieur alors c'est le moment de se replongé dans les graphiques et autres.
J'envisage d'optimisé mon site en css3 et en XHTML 1.0 Transitional ce qui ve me donné pas mal de boulot, reprendre toute mes pages pour modifié les codes et mettre d'autres scripts moins lourd que ceux que j'ai actuellement.
Actuellement sur ma page d'accueil j'ai une feuille avec une jauge highcharts qui en "<php include ('....'); ?>" et qui fonctionne parfaitement mais cette page n'est optimisée.
http://www.meteo-jarny.com/index.php

Pour optimisé ma page d'accueil il faut que je laisse dans ma stats seulement ce qu'il a entre les balises <body> et </body>
Pour le css, pas de problème, j'ai créé un fichier .css, pour l'appel des fichiers

Code : Tout sélectionner

<link rel="stylesheet" type="text/css" href="include-tableau-bd/feuille-stats-index.css" />
<script type="text/javascript" src="include-tableau-bd/jquery/jquery.min.js"></script> 
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts-more.js"></script>
je l'ai ais enlever de mon fichier "stats" et je l'ai mises dans ma page "index". Problème, ma jauge ne s'ffiche plus ni dans mon fichier "stats" et forcément ni dans ma page "index"
page stats
http://www.meteo-jarny.com/include-tableau-bd/stats.php
page index optimisé
http://www.meteo-jarny.com/index2.php

Voilà ou j'en suis, je ne sais pas si le problème vient de l'appel des fichiers, de l'appel du fichier "data-temp.php" et du fond de jauge "fond1.png" qui servent à faire fonctionné la jauge.
Le code de l'appel du fichier et du fond pour ma jauge.

Code : Tout sélectionner

 $(function () {
                              $.getJSON('http://www.meteo-jarny.com/include-tableau-bd/data-temp.php' , function(data) {
	
                                  $('#container').highcharts({
	
	                                  chart: {
	                                      type: 'gauge',
	                                      plotBackgroundColor: null,
		                                  plotBackgroundImage: 'http://www.meteo-jarny.com/include-tableau-bd/fond1.png',
	                                      plotBorderWidth: 0,
	                                      plotShadow: false
	                                  },
Je pensais mettre le contenu du fichier "data-temp" directement dans page stats, mais l'appel du fichier "JSON" data-temp.php ne sera plus bon ni ni l'appel du fond de ma jauge "fond1.png".

J'espère avoir été clair dans mon explication.
Pascal
Station VP2 Weatherlink 5.8.1 VP2SQL 3.0.0.17 NOAAtable 1.0.0.30 Windows 7 Pro
http://www.meteo-jarny.com/

Répondre