Kann google.visualization.ChartWrapper nicht bearbeiten

Hier ist ein Code, der wörtlich genommen wurde von https://developers.google.com/chart/interactive/docs/drawing_charts#chartwrapper
Er sollte ein ColumnChart anzeigen, aber es erzeugt keine Ausgabe. Stattdessen tritt ein JavaScript-Fehler auf.
Beim Laden der Datei Standalone ist der Fehler loader.js:135 Uncaught TypeError: Cannot read property 'length' of undefined in loader.js:135
Irgendeine Idee, wie Sie das lösen?Kann google.visualization.ChartWrapper nicht bearbeiten

<html> 
 
    <head> 
 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
    <script type="text/javascript"> 
 
     google.charts.load('current'); // Don't need to specify chart libraries! 
 
     google.charts.setOnLoadCallback(drawVisualization); 
 

 
     function drawVisualization() { 
 
     var wrapper = new google.visualization.ChartWrapper({ 
 
      chartType: 'ColumnChart', 
 
      dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'], 
 
         ['', 700, 300, 400, 500, 600, 800]], 
 
      options: {'title': 'Countries'}, 
 
      containerId: 'vis_div' 
 
     }); 
 
     wrapper.draw(); 
 
     } 
 
    </script> 
 
    </head> 
 
    <body style="font-family: Arial;border: 0 none;"> 
 
    <div id="vis_div" style="width: 600px; height: 400px;"></div> 
 
    </body> 
 
</html>

Quelle

2016-07-01 fon44

an einem Punkt, es würde funktionieren ohne das Laden alle packages

jedoch mit den letzten Versionen, die 'corechart' Paket muss geladen werden, wenn loader.js

siehe Verwendung der folgenden , Arbeitsbeispiel ...

google.charts.load('current', {packages: ['corechart']}); 
 
google.charts.setOnLoadCallback(drawVisualization); 
 

 
function drawVisualization() { 
 
    var wrapper = new google.visualization.ChartWrapper({ 
 
    chartType: 'ColumnChart', 
 
    dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'], 
 
       ['', 700, 300, 400, 500, 600, 800]], 
 
    options: {'title': 'Countries'}, 
 
    containerId: 'vis_div' 
 
    }); 
 
    wrapper.draw(); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="vis_div" style="width: 600px; height: 400px;"></div>

Quelle

2016-07-02 00:45:46 WhiteHat

Kann google.visualization.ChartWrapper nicht bearbeiten

Antwort

Verwandte Themen