Bedankt voor de links. Voordat ik de vraag stelde, wist ik deze zelf ook te vinden. Maar ik weet niet hoe ik ze in mijn code moet plaatsen.
De code die ik heb is de volgende:
<?php
error_reporting(E_ALL);
ini_set('display_errors', 'stdout');
date_default_timezone_set("Europe/Amsterdam");
setlocale( LC_ALL, array( 'nl_NL.UTF-8', 'nld_NLD.UTF-8', 'nld@euro', 'nl@euro', 'dutch', 'Dutch_Netherlands' ) );
//setlocale(LC_MONETARY,'nl_NL.UTF-8');
include("databaseopenen.php");
include("administratieopenen.php");
include("controlefuncties.php");
if (isset($_GET['id'])){
// administratie id is altijd nodig
// via url opgeroepen en is altijd groter of kleiner dan 0
$adm_id=$_GET['id'];
} else {
// Nieuw record is altijd leeg of 0
// Deze kan niet leeg of 0 zijn. Want dan zou er geen administratie zijn.
// Een administratie moet er altijd zijn om een dagboek te maken.
$errors_programmafout[] = "Er is geen administratie meegegeven!";
}
/*
Hier onder staan de opties dd1 en dd2
dd1 is datum1 voor het maken van een selectie
dd2 is datum2 voor het maken van een selectie
*/
if (isset($_GET['dd1'])) { // via url opgeroepen dd1 is meegegeven
// datum1 is nodig voor de grafieken
// via url opgeroepen
$dagb_datum1=$_GET['dd1'];
// Voor het database gebruik moet de datum omgedraaid zijn.
// Y-m-d
$datum1 = substr($dagb_datum1, 6,4)."-".substr($dagb_datum1, 3,2)."-".substr($dagb_datum1,0,2);
} else {
$errors_programmafout[] = "Er is geen datum 1 meegegeven!";
}
if (isset($_GET['dd2'])) { // via url opgeroepen dd2 is meegegeven
// datum1 is nodig voor de grafieken
// via url opgeroepen
$dagb_datum2=$_GET['dd2'];
// Voor het database gebruik moet de datum omgedraaid zijn.
// Y-m-d
$datum2 = substr($dagb_datum2, 6,4)."-".substr($dagb_datum2, 3,2)."-".substr($dagb_datum2,0,2);
} else {
$errors_programmafout[] = "Er is geen datum 2 meegegeven!";
}
// indien het formulier verstuurd is
if($_SERVER['REQUEST_METHOD'] == 'POST') {
// overschrijf de standaardwaarden voor de waarden die ge-POST zijn
$dagb_datum1 = date_format(new DateTime( $_POST["dagb_datum1"]), 'd-m-Y');
$datum1 = substr($dagb_datum1, 6,4)."-".substr($dagb_datum1, 3,2)."-".substr($dagb_datum1,0,2);
$dagb_datum2 = date_format(new DateTime( $_POST["dagb_datum2"]), 'd-m-Y');
$datum2 = substr($dagb_datum2, 6,4)."-".substr($dagb_datum2, 3,2)."-".substr($dagb_datum2,0,2);
}
if ($dagb_datum1===$dagb_datum2) {
$melding="Grafiek over ".$dagb_datum1;
} else {
$melding="Grafiek over ".$dagb_datum1." t/m ".$dagb_datum2;
}
// ******** Hier volgt de query voor de grafiek **********
$query_journaalposten_totaal = "
SELECT
journaalposten_datum,
sum(CASE
WHEN journaalposten_inkomsten = TRUE
THEN journaalposten_bedrag
ELSE journaalposten_bedrag*-1
END) AS totaal_bedrag
FROM tabel_journaalposten
WHERE journaalposten_administratie = ?
AND journaalposten_datum BETWEEN ? AND ?
GROUP BY journaalposten_datum
";
if ($stmt_journaalposten_totaal = $dbh->prepare($query_journaalposten_totaal)){
/*
Binds variables to prepared statement
i corresponding variable has type integer
d corresponding variable has type double
s corresponding variable has type string
b corresponding variable is a blob and will be sent in packets
*/
$stmt_journaalposten_totaal->bind_param("iss", $adm_id, $datum1, $datum2);
/* execute query */
$stmt_journaalposten_totaal->execute();
/* Store the result (to get properties) */
$stmt_journaalposten_totaal->store_result();
/* Get the number of rows */
$num_of_rows = $stmt_journaalposten_totaal->num_rows;
/* Bind the result to variables */
$stmt_journaalposten_totaal->bind_result($journaalposten_datum, $totaal_bedrag);
while ($line = $stmt_journaalposten_totaal->fetch()) {
$journaalposten[] = array($journaalposten_datum, $totaal_bedrag);
}
/* free results */
$stmt_journaalposten_totaal->free_result();
/* close statement */
$stmt_journaalposten_totaal->close();
} else {
echo "Prepare failed: (" . $dbh->errno . ") " . $dbh->error;
}
header('ContentType: application/json; charset=utf-8');
// ******** Einde query voor de grafiek **********
//knop om naar Dagboeken.php te gaan
$linkdagboek="dagboeken.php?id=".$adm_id."&dd1=".$dagb_datum1."&dd2=".$dagb_datum2;
$linkdagboek_knop_lijst="<a href=".$linkdagboek."><img type='button' src='images/leeg.png' class='button_lijst' alt='dagboeken'></a>";
$homelink="index.php?id=".$adm_id;
$homeuit="";
$homeknop="<a href=".$homelink."><img src='images/leeg.png' class='button_home' alt='Basispagina van deze administratie'></a>";
$verwijderlink="";
$verwijderuit="disabled";
$verwijderknop="<button type='submit' src='images/leeg.png' class='button_delete' alt='Verwijderen' ".$verwijderuit."></button>";
$bewerklink="";
$bewerkuit="disabled";
$bewerkknop="<button type='submit' src='images/leeg.png' class='button_edit' alt='Bewerken' ".$bewerkuit."></button>";
$lijstlink="";
$lijstuit="disabled";
$lijstknop="<button type='submit' src='images/leeg.png' class='button_lijst' alt='Lijst' ".$lijstuit."></a>";
$toevoeglink="";
$toevoeguit="disabled";
$toevoegknop="<button type='submit' src='images/leeg.png' class='button_add' alt='Toevoegen' ".$toevoeguit."></button>";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> grafiek</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/buttons.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="css/datepicker.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$( function() {
var dateFormat = "mm/dd/yy",
from = $( "#from" ).datepicker({
defaultDate: getDate( this ),
maxDate: new Date('<?php echo substr($dagb_datum2, 6,4)."-".substr($dagb_datum2, 3,2)."-".substr($dagb_datum2,0,2); ?>'),
numberOfMonths: 1,
showButtonPanel: false,
showOtherMonths: true,
selectOtherMonths: false,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/leeg.png",
buttonImageOnly: true,
buttonText: "Selecteer van datum",
showWeek: true,
firstDay: 1
}),
to = $( "#to" ).datepicker({
defaultDate: getDate( this ),
minDate: new Date('<?php echo substr($dagb_datum1, 6,4)."/".substr($dagb_datum1, 3,2)."/".substr($dagb_datum1,0,2); ?>'),
numberOfMonths: 1,
showButtonPanel: false,
showOtherMonths: true,
selectOtherMonths: false,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/leeg.png",
buttonImageOnly: true,
buttonText: "Selecteer t/m datum",
showWeek: true,
firstDay: 1
});
function getDate( element ) {
var date;
try {
date = $.datepicker.parseDate( dateFormat, element.value );
} catch( error ) {
date = null;
}
return date;
}
});
</script>
<script type="text/javascript" src="js/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="js/jquery.jqplot.js"></script>
<script type="text/javascript" src="js/jqplot.dateAxisRenderer.js"></script>
<script type="text/javascript" src="js/jqplot.logAxisRenderer.js"></script>
<script type="text/javascript" src="js/jqplot.canvasTextRenderer.js"></script>
<script type="text/javascript" src="js/jqplot.canvasAxisTickRenderer.js"></script>
<script type="text/javascript" src="js/jqplot.highlighter.js"></script>
</head>
<body>
<table class="empty">
<tr>
<td width="270" class="vak1">
<form name="form_administratie" class="form_administratie" method='get' >
<table align="center">
<tr><td><div class="data_">De administratie van: </div><br><b><div class="data_titel"><?php echo $record_administratie['administraties_naam']; ?></div></b></div></td></TR>
</table>
<table>
<tr class="vak2"><td align="left"><div class="data_">Adres is: <br><td align="left"><b><div class="pf"><?php echo $record_administratie['administraties_straat'] . " " . $record_administratie['administraties_huisnr'] . "<br>" . $record_administratie['administraties_postcode'] . " " . $record_administratie['administraties_plaats']; ?></div></b></td></tr>
<tr class="vak2"><td align="left"><div class="data_">Telefoonnr.: <br><td align="left"><b><div class="pf"><?php echo $record_administratie['administraties_telefoonnr']; ?></div></b></td></tr>
<tr class="vak2"><td align="left"><div class="data_">K.v.K. nr.: <br><td align="left"><b><div class="pf"><?php echo $record_administratie['administraties_kvk']; ?></div></b></td></tr>
<tr class="vak2"><td align="left"><div class="data_">B.T.W. nr.: <br><td align="left"><b><div class="pf"><?php echo $record_administratie['administraties_btwnr']; ?></div></b></td></tr>
<tr class="vak2"><td align="left"><div class="data_">E-mail adres: <br></div></td><td align="left"><b><div class="pf"><?php echo $record_administratie['administraties_email']; ?></div></b></td></tr>
</table>
<table align="left">
<tr><td>
<?php echo $homeknop.$verwijderknop.$bewerkknop.$lijstknop.$toevoegknop; ?>
</td></tr>
</table>
</form>
</td>
<td class="programmadeel">
<form name="form_zoekperiode" method='post'>
<table>
<tr><td class="programmadeel_1" rowspan="2"><img src="images/inkomsten_uitgaven_groen.png" alt="Inkomsten/Uitgaven"></a>
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td><td class="programmadeel_1"><img src="images/dummie_kop.jpg" class="menu_ink_uit_kop" alt="" >
</td></tr>
<tr><td colspan="7" height="490" bgcolor=#F3BB7A valign="top">
<table align="center" width="745">
<tr><td align="center">
<h1><B><?php echo $melding; ?><B></h1>
</td><td>
<tr><td align="center" Valign="middle">
<div class="pf">Periode van: <label for="from"></label><?php echo $dagb_datum1; ?>
<input type="hidden" id="from" name="dagb_datum1" value=<?php echo $dagb_datum1; ?> class="button_datum" onchange="this.form.submit();" name="form_zoekperiode"> t/m <label for="to"></label><?php echo $dagb_datum2; ?>
<input type="hidden" id="to" name="dagb_datum2" value=<?php echo $dagb_datum2; ?> class="button_datum" onchange="this.form.submit();" name="form_zoekperiode">
</div>
</td></tr>
<tr><td align="center" Valign="middle"><HR></td></tr>
</table>
<table align="center" width="745">
<tr><td>
<table align="center" width="745">
<tr><td colspan="7" align="center">
<button type="submit" src="images/leeg.png" class="button_delete" name="knop" alt="Verwijderen" disabled ></button>
<button type="reset" src="images/leeg.png" class="button_reset" name="knop" alt="Standaard instellingen" disabled></button>
<?php echo $linkdagboek_knop_lijst;?>
<button type="submit" src="images/leeg.png" class="button_grafiek" name="knop" alt="Grafiek" disabled ></button>
<button type="submit" src="images/leeg.png" class="button_add" name="knop" alt="Toevoegen" disabled ></button>
</td></tr>
<tr><td align="center">
<?php // *** hier fouten tonen ***
if(count($errors_programmafout)) {
echo '<ul id="programmafout">';
foreach($errors_programmafout as $error_programmafout) {
echo '<li>' . $error_programmafout . '</li>';
}
echo '</ul>';
}
?>
</td></tr>
<tr><td align="center">
<div id="chart1" style="height:300px; width:745px;"></div>
<script type="text/javascript">
$(document).ready(function(){
var line1 = <?php echo json_encode($journaalposten, JSON_NUMERIC_CHECK); ?>;
var plot1 = $.jqplot('chart1', [line1], {
seriesColors: ["rgba(78, 135, 194, 0.7)", "rgb(211, 235, 59)"],
highlighter: {
show: true,
sizeAdjust: 1,
tooltipOffset: 9
},
grid: {
background: 'rgba(57,57,57,0.0)',
drawBorder: false,
shadow: false,
gridLineColor: '#666666',
gridLineWidth: 1
},
legend: {
show: false,
placement: 'outside'
},
seriesDefaults: {
rendererOptions: {
smooth: false,
animation: {
show: false
}
},
showMarker: false
},
series: [
{
fill: true,
label: 'debet'
},
{
label: 'credit'
},
{
label: 'debet-cerdit'
}
],
axesDefaults: {
rendererOptions: {
baselineWidth: 1.5,
baselineColor: '#444444',
drawBaseline: false
}
},
axes:{
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
formatString: "%e %b",
angle: -30,
textColor: '#dddddd'
},
min: "<?php echo $datum1; ?>",
max: "<?php echo $datum2; ?>",
tickInterval: "1 days",
drawMajorGridlines: false
},
yaxis: {
renderer: $.jqplot.LogAxisRenderer,
pad: 0,
rendererOptions: {
minorTicks: 1
},
tickOptions: {
formatString: "€ %.2f",
showMark: false
}
}
},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
$('.jqplot-highlighter-tooltip').addClass('ui-corner-all')
});
</script>
</tr></td>
</table>
</td></tr>
</table>
</td></tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
