Graphique dynamique depuis basse de donnes

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
homayon50
Messages : 2
Enregistré le : 01 avr. 2016, 15:42

Graphique dynamique depuis basse de donnes

Message par homayon50 » 01 avr. 2016, 15:57

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:

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

Re: Graphique dynamique depuis basse de donnes

Message par Météo Villarzel » 01 avr. 2016, 20:16

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

homayon50
Messages : 2
Enregistré le : 01 avr. 2016, 15:42

Re: Graphique dynamique depuis basse de donnes

Message par homayon50 » 05 avr. 2016, 14:42

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

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

Re: Graphique dynamique depuis basse de donnes

Message par Météo Villarzel » 08 avr. 2016, 17:03

Salut ,
Je ne comprends pas bien ton problème, pour chaque mois tu as bien tes 3 consommations, ton graphique me semble correct.

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

Répondre