PHP Verwenden von Daten in einem Morris Diagramm anzeigen

Question

ich PHP zu verwenden, ich versuche, in den folgenden Code Daten in einem morris Balkendiagramm angezeigt werden: ist

Morris.Bar({ 
    element: 'bar-example', 
    data: [ 
     { <?php echo $graphData[0]; ?> }, 
     { <?php echo $graphData[1]; ?> }, 
     { <?php echo $graphData[2]; ?> }, 
     { <?php echo $graphData[3]; ?> }, 
     { <?php echo $graphData[4]; ?> }, 
     { <?php echo $graphData[5]; ?> }, 
     { <?php echo $graphData[6]; ?> } 
    ], 
    xkey: 'y', 
    stacked: true, 
    ykeys: ['Spotify ','Apple '], 
    labels: ['Spotify ','Apple '] 
    }); 

Das Problem, dass wenn ich kopieren und fügen Sie den Echo-String direkt in das Datenfeld wie dieses -> y: 'Feb', 'Spotify': 9.99, zeigt das Diagramm die Daten an. Wenn ich dem PHP jedoch erlaube, diese Zeichenfolge wie im obigen Code in das Datenfeld zu übertragen, zeigt das Diagramm die Daten nicht an. Nicht sicher warum. Danke für die Hilfe im Voraus!

Answer 1

können Sie Array von Daten in PHP erstellen und dann Array konvertieren
und verwenden json in Javascript JSon:

$data = [ 
    [ 'year'=> '2008', 'value'=> 20 ], 
    [ 'year'=> '2009', 'value'=> 10 ], 
    [ 'year'=> '2010', 'value'=> 5 ], 
    [ 'year'=> '2011', 'value'=> 5 ], 
    [ 'year'=> '2012', 'value'=> 20 ] 
    ]; 

$jsonForUseInJavascript = json_encode($data); 

und dann in Javascript Echo json und analysieren sie Array:

Morris.Bar({ 
    element: 'bar-example', 
    data: JSON.parse('<?php echo $jsonForUseInJavascript ?>'), 
xkey: 'y', 
    stacked: true, 
    ykeys: ['Spotify ','Apple '], 
    labels: ['Spotify ','Apple '] 
});