Erstellen Google Kreisdiagramm basierend auf JSON-Daten mit CodeIgniter

Versuchte ich ein Kreisdiagramm erstellen, basierend auf Beispiel hier

In meinem controller (mycontroller/json) ich habe den folgenden code:

public function json(){

$whatever = '{
"cols": [
    {"id":"","label":"Topping","pattern":"","type":"string"},
    {"id":"","label":"Slices","pattern":"","type":"number"}
  ],
"rows": [
    {"c":[{"v":"Mushrooms","f":null},{"v":3,"f":null}]},
    {"c":[{"v":"Onions","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Olives","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Zucchini","f":null},{"v":1,"f":null}]},
    {"c":[{"v":"Pepperoni","f":null},{"v":2,"f":null}]}
  ]
}';
echo $whatever;
}

In meiner Sicht ich habe den folgenden code ein (Teil-code wird angezeigt)

var jsonData = $.ajax({
    url: "<?= base_url()?>index.php/bunker/json",
    dataType:"json",
    async: false
    }).responseText;

//Create and populate the data table.
var popularCategory = google.visualization.DataTable(jsonData);
new google.visualization.PieChart(document.getElementById('category')).draw(popularCategory,
    {title:"Popularity by Category"});

Und zum Schluss habe ich noch ein div mit einer id namens "Kategorie". Jedoch bekomme ich immer die Meldung Daten nicht definiert ist.

Einen schnellen Debuggen mit firebug, ich keine Fehlermeldung, $welcher variable wird auch behandelt, wie eine korrekte JSON-format. Welche Fehler habe ich hier gemacht?

cheers,

InformationsquelleAutor Jeremy | 2013-05-01

  1. 1

    statt:

    var popularCategory = google.visualization.DataTable(jsonData);

    müssen Sie haben:

    var popularCategory = new google.visualization.DataTable(jsonData);

    InformationsquelleAutor user2341416

  2. 0

    Ihre json-variable Daten im falschen format. Bitte überprüfen Sie das Kreisdiagramm Beispiel hier:

    https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart

    Der link ist für array datasource. Was ich Suche, ist von json-Datenquelle. Die zurück zu meinem ursprünglichen problem mit meinem JSON-code, den JSON-code oben ist eine direct-copy-paste von google selbst.
    von wo hast du es kopieren? Kann dir den link.

    InformationsquelleAutor Supriti Panda

  3. 0

    Versuchen, die php-json-encode-Funktion:

    echo json_encode($whatever);

    Und auch, stellen Sie sicher, Sie beginnen mit Konsole.log(jsonData), weil der browser-Konsole wird die Ausgabe der 'jsonData' variable ähnlich wie print_r in php. Ich bekomme nie json-Formatierung der ersten richtigen Zeit, so dass die Konsole.log(jsonData) Funktion ist absolut killer.

    Yup hast, dass (abgesehen von der Verwendung der Konsole.log), meine json-code sieht normal (oder zumindest genau so Aussehen wie diejenigen, die in google).

    InformationsquelleAutor kevando

Schreibe einen Kommentar