Einfügen von dynamischen Daten in Google Pie Chart - JavaScript, Google-Visualisierung

Ich habe die Aufgabe, dynamische Daten einzufügen Google PieChart.

Spielplatz

In diesen Link füge ich diesen Code ein:

function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.DataTable();

var mycars=["Saab","Volvo","BMW"];
var mypoints=[4,12,45];

data.addColumn("string", "Cars");
data.addColumn("number", "Numbers");
data.addRows(mycars.length);
for  (var i = 0; i < mycars.length; i++){
data.setCell(i,0,mycars[i]);
data.setCell(i,1,mypoints[i]);
}
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById("visualization")).
draw(data, {title:"So, how was your day?"});
}

In der Tat

Im folgenden Beispiel bekomme ich dynamische Arrays mycars und mypoints, dann versuche ich, diese Arrays einzufügen, um sie in einem Diagramm darzustellen for loop.

PieChart wird nicht angezeigt. Was ist daran falsch?

Antworten:

Sie haben einen Javascript Fehler. Sie müssen das verwenden new Schlüsselwort beim Instanziieren der DataTable.

Ersetzen

var data = google.visualization.DataTable();

mit

var data = new google.visualization.DataTable();

Ich löste das Problem mit Code in jQuery wie folgt:

$("#piechart_3d").show();
google.load("visualization", "1", {
packages: ["corechart"], callback: function () {
var data = google.visualization.arrayToDataTable([
["Going", "a Day"],
["Car", 11],
["Bus", 2],
["Moto", 2]
]);
var options = {
title: "Report",
backgroundColor: "transparent",
is3D: true,
};

var chart = new google.visualization.PieChart(document.getElementById("piechart_3d"));
chart.draw(data, options);
}
});