API Google Maps: new google.visualization.Table () - Uncaught TypeError: undefined n'est pas une fonction

J'ai copié le Code Google exemple dans un script php cependant j'obtiens l'erreur "undefined n'est pas une fonction"

il se passe précisément sur cette ligne:

var tableau = new
google.la visualisation.Tableau(document.getElementById ("table_sort_div'));

Il appeats que la fonction de Table n'existe pas???

J'ai copié le code directement à partir de Google des exemples de Code donc je ne peux pas comprendre ce que j'ai fait de mal... j'ai tendance à croire qu'il y a un problème avec l'exemple, mais je vais supposer que j'avais fait une erreur avant google?

Code a été copié directement à partir de: http://code.google.com/apis/chart/interactive/docs/examples.html#interaction_example

source d'informationauteur php-b-grader

  1. 10

    Vous avez besoin d'attendre pour les scripts à charger. Par exemple:

      //Load the Visualization API and the piechart package.
  google.load('visualization', '1.0', {'packages':['table']});

  //Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawChart);

  function drawChart() {
       var table = new google.visualization.Table(document.getElementById('table_sort_div'));
  }

    devrait fonctionner, parce que les scripts ont été chargés. Une meilleure table de référence ici

  2. 4

    Aussi, si vous souhaitez charger plusieurs packages, vous pouvez faire en tant que bien comme :

     google.load('visualization', '1', { packages: ['corechart', 'table'] });
  3. 0
        google.charts.load('current', {'packages': ['table']});
google.charts.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Salary');
data.addColumn('boolean', 'Full Time');
data.addRows(5);
data.setCell(0, 0, 'John');
data.setCell(0, 1, 10000, '$10,000');
data.setCell(0, 2, true);
data.setCell(1, 0, 'Mary');
data.setCell(1, 1, 25000, '$25,000');
data.setCell(1, 2, true);
data.setCell(2, 0, 'Steve');
data.setCell(2, 1, 8000, '$8,000');
data.setCell(2, 2, false);
data.setCell(3, 0, 'Ellen');
data.setCell(3, 1, 20000, '$20,000');
data.setCell(3, 2, true);
data.setCell(4, 0, 'Mike');
data.setCell(4, 1, 12000, '$12,000');
data.setCell(4, 2, false);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
google.visualization.events.addListener(table, 'select', function () {
var row = table.getSelection()[0].row;
alert('You selected ' + data.getValue(row, 0));
});
}