Übergeben, PHP array in Javascript durch JSON aktualisieren Sie Google-Chart

Ich habe drei PHP-arrays, die ich habe-codierte json - ... extra PHP-code wurde weggelassen, weil die arrays korrekt funktionieren.... Darüber hinaus werden die HTML-tags, rufen Sie die google chart sind ausgelassen worden, für die der Kürze halber... 

<?php
$encoded_line_volume = json_encode($LineVol) . "\n";
$encoded_loan_volume = json_encode($LoanVol) . "\n";
$encoded_cluster_name = json_encode($ClusterLine) . "\n";
?>

Ich würde gerne den Zugriff auf diese drei arrays in Javascript update meiner Google-Diagramm-dynamisch. 

<script type="text/javascript">

google.load("visualization", "1", {packages:["columnchart"]});
google.setOnLoadCallback(drawChart);

var linevol = new Array;  //This would be the first array passed from PHP
var loanvol = new Array;  //This would be the second array passed from PHP
var clusters = new Array; //This would be the third array passed from PHP

function drawChart() {
    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Cluster');
    data.addColumn('number', 'Loans');
    data.addColumn('number', 'Lines');

/* create for loops to add as many columns as necessary */

var len = jsonarray.length;

    data.addRows(len);

for(i=0; i<len; i++) {

data.setValue(i, 0, ' '+clusters[i]+'');     /* x-axis */
data.setValue(i, 1, linevol[i]);   /* Y-axis category #1*/
data.setValue(i, 2, loanvol[i]);   /* Y-axis category #2*/
}
/*********************************end of loops***************************************/
  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, {width: 400, height: 240, is3D: true, title: 'Prospect Population', legend: 'right'});
}
</script>
  • Ich würde gerne helfen, aber dein code ist unvollständig und es fehlt die Formatierung 😉
  • Justin... nur neu formatiert... es sollte jetzt fertig...
InformationsquelleAutor brussels0828 | 2009-11-09
  1. 9

    Werden Sie wahrscheinlich wollen, dass Sie sich Javascript-Variablen. Wenn php ausgeführt wird, erstellt der code, der Ihren web-browser dann interpretiert. Sie wollen also, um zu definieren, javascript-strings mit php. Zum Beispiel:

    <script type="text/javascript">
    var encoded_line_volume = <?php echo json_encode($LineVol) ?>;
    var encoded_loan_volume = <?php echo json_encode($LoanVol) ?>;
    var encoded_cluster_name = <?php echo json_encode($ClusterLine) ?>;
</script>

    Dann diejenigen Variablen zugänglich sind nachfolgende javascript.

    • danke, ken... werde ich brauchen, um zu analysieren, jede variable zu erstellen, die entsprechenden javascript-arrays?
    • Analysieren in Javascript? Nein, nicht wenn das array ist ein normales array in PHP. Json-codiert variabel, so dass es interpretiert direkt als javascript-variable -- das ist, warum gibt es keine Anführungszeichen um Sie herum. Wenn Sie die Seite Quelle, du wirst sehen was ich meine.
    • du bist der Mann, Ken... Danke, bro.
    • Kein problem. 🙂 Froh, dass ich helfen konnte.
    InformationsquelleAutor Ken Kinder
  2. 3

    Dies ist, wie können Sie generiert Daten dynamisch von PHP generiert eine JSON formatierte Ausgabe richtig und Lesen von JavaScript (JQuery vorausgesetzt) und laden Sie es auf Google Visulization (Charts) - API.

    PHP (Server) Seite:

    function returnData() {
    $data = Array ();
    $data [] = Array ("Name", "Value");
    $data [] = Array ("Apple", 5);
    $data [] = Array ("Banana", 3);

    header('content-type: application/json');
    echo json_encode($data);
 }

    Javascript (Client) Seite: 

    var jsonData = null;

var jsonDataResult = $.ajax({
    url: dataURL,
    dataType: "json",
    async: false,
    success: (
        function(data) {
            jsonData = data;
        })
});

var data = new google.visualization.arrayToDataTable(jsonData);
    • Diese Werke, die ich integriert, Ihre codes mit anderen codes und es funktionierte 4 mich danke Mann
    InformationsquelleAutor Tamas Kalman
  3. 0

    Dies ist eines der besten Beispiele habe ich Ihnen helfen können : Ihre getestet und funktioniert gut : Erstellen Sie zwei Seiten, die man rief index.php und ein anderer namens get_json.php :
    Dies ist nicht genau die codes, die Sie gebucht, aber genau die gleiche Idee und es gibt Antworten auf die quetion.

    the codes for index.php 

    <html>
    <head>
        <title>King Musa Graph</title>
        <!-- Load jQuery -->
        <script language="javascript" type="text/javascript" 
            src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
        </script>
        <!-- Load Google JSAPI -->
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("visualization", "1", { packages: ["corechart"] });
            google.setOnLoadCallback(drawChart);

            function drawChart() {
                var jsonData = $.ajax({
                    url: "get_json.php",
                    dataType: "json",
                    async: false
                }).responseText;

                var obj = jQuery.parseJSON(jsonData);
                var data = google.visualization.arrayToDataTable(obj);

                var options = {
                    title: 'King Musa'
                };

                var chart = new google.visualization.LineChart(
                            document.getElementById('chart_div'));
                chart.draw(data, options);
            }

        </script>
    </head>
    <body>
        <div id="chart_div" style="width: 900px; height: 500px;">
        </div>
    </body>
    </html> 

codes for get_json.php
<?php

    $data = Array ();
    $data [] = Array ("Name", "Value");
    $data [] = Array ("PHP", 78);

    $data [] = Array ("JAVA", 1000);
  $data [] = Array ("HTML", 129);


    $table = json_encode($data);
   //header('content-type: application/json'); 

    echo $table ; //this line is important it should be not disabled 

?>
    InformationsquelleAutor Humphrey
Schreibe einen Kommentar