Morris chart vullen met php
Jules Kreutzer
14/10/2014 21:07:33Goede avond,
Ik wil voor een project graag verschillende gegevens grafisch weergeven door middel van morris charts.
Nu heb ik een php functie gemaakt die de javascript code genereert. Wanneer ik een echo in de functie zet, kloppen de gevens ook.
Nu is mijn vraag het volgende. Hoe kan ik de javascript code die ik aanmaak in een php bestand weergeven op mijn website.
Wat ik nu heb is het volgende:
morris.php -> Hier wordt de js code gegenereerd (zie onderstaande code)
charts.php -> hier roep ik de functie aan, morris.php heb ik aangeroepen door
De javascript code staat (wanneer ik mijn bronbestand bekijk) wel gewoon tussen de html code.
Deze javascript code wordt aangemaakt door php:
Hopelijk kunnen jullie me hierbij helpen!
Toevoeging op 14/10/2014 21:41:36:
Heb een oplossing gevonden.
Op de pagina waar de javascript code wordt aangemaakt (morris.php) een header plaatsen.
Dan een nieuw bestand aanmaken en hier de functie in aanroepen.
Wanneer je dan in het bestand waar de chart moet komen dat document aanroept dmv <script src=""> wordt het allemaal juist weergegeven
Ik wil voor een project graag verschillende gegevens grafisch weergeven door middel van morris charts.
Nu heb ik een php functie gemaakt die de javascript code genereert. Wanneer ik een echo in de functie zet, kloppen de gevens ook.
Nu is mijn vraag het volgende. Hoe kan ik de javascript code die ik aanmaak in een php bestand weergeven op mijn website.
Wat ik nu heb is het volgende:
morris.php -> Hier wordt de js code gegenereerd (zie onderstaande code)
charts.php -> hier roep ik de functie aan, morris.php heb ik aangeroepen door
De javascript code staat (wanneer ik mijn bronbestand bekijk) wel gewoon tussen de html code.
Deze javascript code wordt aangemaakt door php:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
Morris.Donut({
element: 'morris-donut-chart',
data: [{
label: 'male',
value: 5
}, {
label: 'female',
value: 10
}],
resize: true
});
element: 'morris-donut-chart',
data: [{
label: 'male',
value: 5
}, {
label: 'female',
value: 10
}],
resize: true
});
Hopelijk kunnen jullie me hierbij helpen!
Toevoeging op 14/10/2014 21:41:36:
Heb een oplossing gevonden.
Op de pagina waar de javascript code wordt aangemaakt (morris.php) een header plaatsen.
Dan een nieuw bestand aanmaken en hier de functie in aanroepen.
Wanneer je dan in het bestand waar de chart moet komen dat document aanroept dmv <script src=""> wordt het allemaal juist weergegeven
Er zijn nog geen reacties op dit bericht.