Morris chart vullen met php

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jules Kreutzer

Jules Kreutzer

14/10/2014 21:07:33
Quote Anchor link
Goede 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
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<script src="morris.php"></script>


De javascript code staat (wanneer ik mijn bronbestand bekijk) wel gewoon tussen de html code.

Deze javascript code wordt aangemaakt door php:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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
    });


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.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
header('Content-Type: application/x-javascript');


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.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.