Google可視化顯示問題

Question

我在我的應用程序中使用Google圖表可視化API，並遇到圖表無法加載的問題。

問題首當我裝我的應用程序未做從工作副本和JavaScript圖表任何改變之前並沒有加載頁面上出現。我檢查了Chrome和Firefox的控制檯錯誤，有如下幾點：

Firefox: ReferenceError: dr is not definedin loader.js 
Chrome: Uncaught TypeError: google.visualization.PieChart is not a function 

這裏是我的繪畫我的兩個圖表的代碼。

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


        google.charts.setOnLoadCallback(drawChart); 
        function drawChart() { 


         var data = new google.visualization.DataTable(); 
         data.addColumn('string', 'Signatures'); 
         data.addColumn('number', 'Number of Occurence'); 

         for (i = 0; i < num.length; i++) { 
          data.addRow([num[i], parseInt(num[i + 1])]); 
          i++; 
         } 


         var options = { 
          title: 'Top 5 Alerts' 
         }; 

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

         chart.draw(data, options); 
        } 
       </script> 

這是我在頁面頭部加載的JQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

周圍挖掘和標題給谷歌圖表官方網站這裏後：

https://developers.google.com/chart/interactive/docs/gallery/piechart

我注意到餅圖谷歌正試圖加載它們例如或者與我的機器將無法正常工作相同的Firefox和Chrome控制檯錯誤。

我不知道在哪裏可以從這裏走，想知道是否mayby谷歌可能無法裝入API或阻塞等我的IP？

或者如果設置已更改，現在阻止加載圖表？

任何洞察爲什麼這可能會發生將是一個很大的幫助。

Answer 1

你可以從latest release遇到問題...

看來，當我們推出一個新的版本，也有在系統中一些麻煩，直到完全改變傳播。我們將在未來努力解決此問題，但現在，如果您遇到這些錯誤，我建議您刷新頁面，如有必要刷新緩存。
您也可以將'當前'更改爲'43'或'44'，它將更加可靠地工作。從這裏找到

- >Google Visualization Charts API examples are broken

這個例子在Chrome的工作對我來說，看不出有什麼區別，有沒有更多的代碼，你可以分享？

我也看到了問題兩者JQuery and GoogleCharts

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

 
function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'Signatures'); 
 
    data.addColumn('number', 'Number of Occurence'); 
 

 
    for (i = 1; i < 11; i++) { 
 
    data.addRow([i.toString(), parseInt(i + 1)]); 
 
    } 
 

 
    var options = { 
 
    title: 'Top 5 Alerts' 
 
    }; 
 

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="piechart"></div>