アップロード時にGoogleグラフが機能しない

FirefoxでGoogle Chartsを使用しようとしています。 Googleのサンプルコードをコピーしてデスクトップのhtmlファイルに保存すると、グラフが正しく機能します。同じhtmlファイルをアップロードすると、グラフが機能せず、エラーが表示されます。ReferenceError：googleが定義されていません。私は使用しているコードのjsfiddleを作成しました。アップロード時にGoogleグラフが機能しない

誰も私にこれがなぜ起こっているのか、どのように問題を解決できるのか教えていただけますか？

<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>

出典

2017-05-19 Jecker

あなたのJSFiddleデモはうまくいきます。 –

あなたのブラウザには何らかのエラーがありますか？** developer ** tools console - 私が試したすべてのブラウザで動作しますか？どのブラウザを使用していますか？ –

'ReferenceError：googleは定義されていません' - 外部スクリプトが読み込みに失敗したことを意味します - コンソールはあなたにそれを表示します –

FirefoxにGoogle Disconnectというアドオンがインストールされていることが判明しました。アドオンが無効になるとすぐに、グラフが正しく動作するようになりました。

出典

2017-05-19 16:21:54 Jecker

の代わりに：

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

あなたはあなたのコードをより明確にする必要があります。

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のチャートライブラリは、なぜそのより効果的なこの方法をお見せすることができます。 https://developers.google.com/chart/interactive/docs/basic_load_libs

出典

2017-05-19 14:24:55

アップロード時にGoogleグラフが機能しない

答えて

関連する問題