nu ik hou mijn meterstanden van water en elektriciteit bij en zou nu graag deze in grafiek op mijn page willen tonen
heb eerst geprobeerd met vaste waarden en inderdaad lukt perfect.
nu wou ik mijn eigen waarden in het jqplot script steken.
dit is static script voor de grafiek
dus op lijn 2 staan de waarden (var line1=[......])
[quote="Peter K op 26/11/2015 07:37:13"]
[quote="Chris Bosmans op 25/11/2015 23:24:02"] ik had zitten surfen en vond een open source script voor grafieken te tonen
Ik stelde een vraag op het forum welke systemen er waren en hebt toen een keuze gemaakt voor Jqplot.
[/quote]
Peter K: ik denk dat je twee mensen door elkaar haalt. ;-)
Ik stelde die vraag maar heb me er nog niet in verdiept.
[/quote]
Mijn welgemeende excuses lol... Het was nog vroeg he.
Wel enorm toevallig!
<div id="chartdiv" style="height:400px;width:900px; "></div>
<?php
/**************************************************************************/
// opzoeken nulpunt (1ste meting) die wordt gebruikt voor verschil te maken
/*************************************************************************/
$min_value_sql =mysqli_query($link,"SELECT MIN(meterstand_elec) AS laagste_maand FROM elektriek ");
while($min_value_row = mysqli_fetch_array($min_value_sql))
{
$meterstand_min=$min_value_row['laagste_maand'];
}
/**************************************************************************/
// Alle velden selecteren in de tabel
/*************************************************************************/
$alle_waarden_jaar=mysqli_query($link,"SELECT *,DATE_FORMAT(datum_elec,'%Y-%m-%d') as datum FROM elektriek ");
while($row_alle_waarden_jaar = mysqli_fetch_array($alle_waarden_jaar))
{
$datum=$row_alle_waarden_jaar['datum'];
$meterstand=$row_alle_waarden_jaar['meterstand_elec']- $meterstand_min;
/**************************************************************************/
// JQ plot script
/*************************************************************************/
?>
<script>
$(document).ready(function(){
//de echo van mijn while loop
var line1=[ <?php echo "['".$datum."',".$meterstand."], " ?>];
var plot2 = $.jqplot('chartdiv', [line1], {
title:'verloop energie verbruik',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%m.%Y '},
min:'January 01, 2015',
tickInterval:'31 days'
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});
</script>
<?php
} // einde while loop
?>
ik heb de echo in het Jscript geechoed en alles komt er goed uit
maar ik krijg een grafiek te zien maar mijn waarden zitten er niet in.
en de error handling geeft geen fout.
als ik onderstaande de echo in het script vervang door onderstaande values (de echo apart) dan werkt het wel -> static data.
maar snap niet waarop dit wel zou werken want dit geeft dezelfde echo als die van mijn enkele comments eerder.
want hier zit mijn echo ook in de while loop alleen had ik mijn script hier ook in de while gestoken.
<?php
$alle_waarden_jaar=mysqli_query($link,"SELECT *,DATE_FORMAT(datum_elec,'%Y-%m-%d') as datum FROM elektriek ");
while($row_alle_waarden_jaar = mysqli_fetch_array($alle_waarden_jaar))
{
$datum=$row_alle_waarden_jaar['datum'];
$meterstand=$row_alle_waarden_jaar['meterstand_elec']- $meterstand_min;
$dataplot=['".$datum."',".$meterstand."],} // einde while loop
/**************************************************************************/
// JQ plot script
/*************************************************************************/
?>
<script>
$(document).ready(function(){
//de echo van mijn while loop
var line1=[ <?php echo $dataplot; ?>];
var plot2 = $.jqplot('chartdiv', [line1], {
title:'verloop energie verbruik',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%m.%Y '},
min:'January 01, 2015',
tickInterval:'31 days'
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
});
</script>
<?php
Toevoeging op 27/11/2015 20:07:14:
hier laat hij de grafiek zien met mijn laatste waarde?
Toevoeging op 27/11/2015 20:56:36:
ok ik weet niet of dit DE oplossing is maar het werkt wel
dus in mijn J script hebt ik waar de values moeten komen de hele sql + while loop gestoken en dat werkt dus....
$(document).ready(function(){
//de echo van mijn while loop
var line1=[ <?php $alle_waarden_jaar=mysqli_query($link,"SELECT *,DATE_FORMAT(datum_elec,'%Y-%m-%d') as datum FROM elektriek ");
while($row_alle_waarden_jaar = mysqli_fetch_assoc($alle_waarden_jaar))
{
$datum=$row_alle_waarden_jaar['datum'];
$meterstand=$row_alle_waarden_jaar['meterstand_elec']- $meterstand_min;
echo $plotdata= "['".$datum."',".$meterstand."], " ;
}?>];
var plot2 = $.jqplot('chartdiv', [line1], {
title:'verloop energie verbruik',
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%m.%Y '},
min:'January 01, 2015',
tickInterval:'31 days'
}
},
series:[{lineWidth:4, markerOptions:{style:'circle'}}]
});
});
</script>
