2016-10-23 12 views
1

が定義されていない、問題は、GoogleのAPIですがFirefoxの上で正常にロードされていないだけReferenceError: google is not definedGoogleのチャート:グーグルが、私は、FirefoxでGoogleのチャートを使用しようとしています

ここに私のコードです:

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<script> 
    function LoadGoogle(){ 
     if(typeof google != 'undefined' && google && google.load){ 
      google.charts.load('current', {'packages':['corechart']}); 

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

       // Callback that creates and populates a data table, 
       // instantiates the pie chart, passes in the data and 
       // draws it. 
       function drawChart() { 

      // Create the data table. 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Topping'); 
      data.addColumn('number', 'Slices'); 
      data.addRows([ 
       ['Mushrooms', 3], 
       ['Onions', 1], 
       ['Olives', 1], 
       ['Zucchini', 1], 
       ['Pepperoni', 2] 
      ]); 

      // Set chart options 
      var options = {'title':'How Much Pizza I Ate Last Night', 
          'width':400, 
          'height':300}; 

      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
      } 
     } 
     else 
     { 
      console.log("try"); 
      setTimeout(LoadGoogle, 30); 
     } 
    } 

    LoadGoogle(); 
</script> 

答えて

0
release notesに述べたように、 jsapiへの参照を削除

最初、...

グーグルのCHバージョンjsapiローダーを介して利用可能なまま残っているアートは、もはや一貫して更新されていません。新しい静的ローダー(loader.js)を使用してください。

LoadGoogleから「検証」if文を削除し、これを必要とするべきではないとによる次のスニペットは、Firefox ESR、V IN私の作品jsapi

を取り除くに変更する必要があります:45.3.0

function LoadGoogle(){ 
 
    google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages:['corechart'] 
 
    }); 
 

 
    function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Topping'); 
 
    data.addColumn('number', 'Slices'); 
 
    data.addRows([ 
 
     ['Mushrooms', 3], 
 
     ['Onions', 1], 
 
     ['Olives', 1], 
 
     ['Zucchini', 1], 
 
     ['Pepperoni', 2] 
 
    ]); 
 

 
    var options = {'title':'How Much Pizza I Ate Last Night', 
 
        'width':400, 
 
        'height':300}; 
 

 
    var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    } 
 
} 
 

 
LoadGoogle();
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

この質問にはどんな運がありますか? – WhiteHat

関連する問題