Google-Diagramme funktionieren nicht beim Hochladen

Ich versuche, Google Charts mit Firefox zu verwenden. Wenn ich einen Beispielcode von Google kopiere und in eine HTML-Datei auf dem Desktop speicher, funktioniert das Diagramm korrekt. Wenn ich dieselbe HTML-Datei hochlade, funktioniert das Diagramm nicht und ich erhalte den Fehler: ReferenceError: google ist nicht definiert. Ich habe einen jsfiddle des Codes erstellt, den ich verwende.Google-Diagramme funktionieren nicht beim Hochladen

Kann mir jemand sagen, warum das passiert und wie ich das Problem beheben kann?

<html> 
    <head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['corechart']}); 
     google.charts.setOnLoadCallback(drawChart1); 

     function drawChart1() { 

     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  9] 
     ]); 

     var options = { 
      title: 'My Daily Activities', 
      is3D: true, 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="piechart" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

Quelle

2017-05-19 Jecker

Ihre JSFiddle Demo funktioniert gut für mich. –

gibt es irgendwelche Fehler in Ihren Browsern ** Entwickler ** Tools-Konsole - funktioniert in allen Browsern, die ich ausprobiert habe, welchen Browser benutzen Sie? –

'ReferenceError: google ist nicht definiert' - impliziert, dass das externe Skript nicht geladen werden kann - die Konsole zeigt Ihnen, dass –

Ich entdeckte ein Add-on in Firefox namens Google Disconnect installiert war. Sobald das Add-On deaktiviert war, funktionierten die Graphen korrekt.

Quelle

2017-05-19 16:21:54 Jecker

Statt:

var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  9] 
     ]);

sollten Sie Ihren Code machen mehr deutlicher:

function drawChart() { 


// Define the chart to be drawn. 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Element'); 
    data.addColumn('number', 'Percentage'); 
    data.addRows([ 
    [' string ', ' Element'] 

    ]); 

    // Instantiate and draw the chart. 
    var chart = new google.visualization.PieChart(document.getElementById('myPieChart')); 
    chart.draw(data, null);

Google Charts Bibliotheken, die Sie zeigen, kann seine effektiver auf diese Weise, warum. https://developers.google.com/chart/interactive/docs/basic_load_libs

Quelle

2017-05-19 14:24:55

Google-Diagramme funktionieren nicht beim Hochladen

Antwort

Verwandte Themen