Page 1 sur 1

Graphique dynamique depuis basse de donnes

Posté : 01 avr. 2016, 15:57
par homayon50
Bonjour,
Je suis en Bts Sn (Système numérique )et j'ai un projet à réaliser pour réaliser mon deuxième année de bts.
dans une partie de projet je doit réaliser un site web,et afficher les données de consommation (eau,gaz..etc) sous un forme de graphique.
les données son stocker sur la base de données et se mets à jour toute les 24h.
j'ai suivie le tuto sur Highchart(http://www.boock.ch/meteo/tuto_mysql_hi ... rts_01.php )mais j'arrive pas à faire la même chose pour mon projet ,tout en sachant que j'ai pas un tres bon niveau en php,phpMysql.

j'ai fait le tour sur pas mal de site depuis deux semaine mais je trouve pas grande chose ,si quelqu'un pourrais m'aider sa serra vraiment sympa.


Merci d'avance.
:?: :roll:

Re: Graphique dynamique depuis basse de donnes

Posté : 01 avr. 2016, 20:16
par Météo Villarzel
Salut,
il faudrait nous en dire un peu plus, car avec seulement ça ne fonctionne pas, ça va être dur de t'aider.

quelle est la structure de ta bdd ?
mets en ligne le code que tu as fait pour ta connexion à ta bdd et le code php pour ton graphique.

A+

Re: Graphique dynamique depuis basse de donnes

Posté : 05 avr. 2016, 14:42
par homayon50
Salut merci de ta réponse alors voila depuis j'ai avancer un peu ,c'est à dire que j'arrive a récupérer des donner et l'afficher sous un forme de graphique sur mon site web ,mais le problème c'est que j'arrive pas a paramétrer l'axe des X et Y,Du coup mes données sont afficher n'importe comment,en résumer je veux afficher par exemple les consommation de mois de mai sur mois de mai sur l'axe des X ,et les consommation de mois de avril sur mois de avril sur mon graphique à l'aide de "con_date"de ma base de données, si vous pouvez m'aider sa sera vraiment sympa.

Merci d'avance.

voici le code de page Data.Php :

<?php
$con = mysql_connect("localhost","root","root");

if (!$con) {
die('Could not connect: ' . mysql_error());
}

mysql_select_db("conso", $con);

$return = array();
$sth = mysql_query("SELECT `con_kVA_elec`, `con_m3_gaz`, `con_m3_ecs` FROM `consommation`"); // Affichage des valeur pour la colonne revenue
while($r = mysql_fetch_array($sth)) {
$return[0][] = $r['con_kVA_elec'];
$return[1][] = $r['con_m3_gaz'];
$return[2][] = $r['con_m3_ecs'];
}

$result = array(
0 => array('name' => 'gaz', 'data' => $return[0]),
1 => array('name' => 'Gaz m3', 'data' => $return[1]),
2 => array('name' => 'Electricité', 'data' => $return[2])
);

echo json_encode($result, JSON_NUMERIC_CHECK);

mysql_close($con);
?>




et voici le code de ma page Index.php

<html>
</div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<script type="text/javascript">
$(function () {
var chart;
$(document).ready(function() {
$.getJSON("data.php", function(json) {

chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 130,
marginBottom: 25
},
title: {
text: "Consomaton d'energie ",
x: -20 //center

},
subtitle: {
text: '',
x: -20

},
xAxis: {
categories: ['Janvier', 'février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
},
yAxis: {
title: {
text: 'Consommation'
},
plotLines: [{
value: 0,
width: 1,
color: '#ff0022'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 200,
borderWidth: 0
},
series: json
});
});

});

});
</script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/expo ... "></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

</body>
</html>


voici le résultât que j'ai sur le site web :
Image

et aussi une image de ma bbd :
Image

Re: Graphique dynamique depuis basse de donnes

Posté : 08 avr. 2016, 17:03
par Météo Villarzel
Salut ,
Je ne comprends pas bien ton problème, pour chaque mois tu as bien tes 3 consommations, ton graphique me semble correct.

A+