Problema de exibição do Google Visualization
Estou usando a API de visualização do Google Charts no meu aplicativo e encontrei um problema no qual os gráficos não estão sendo carregados.
O problema ocorreu pela primeira vez quando carreguei meu aplicativo sem fazer alterações anteriores de uma cópia de trabalho e os Gráficos Javascript não foram carregados na página. Verifiquei os erros do console do Chrome e do FireFox e são os seguintes:
Firefox: ReferenceError: dr is not definedin loader.js
Chrome: Uncaught TypeError: google.visualization.PieChart is not a function
Aqui está o meu código para desenhar meus dois gráficos.
<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>
Aqui está o JQuery que eu carrego no cabeçalho da página.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
Depois de pesquisar e ir para o site oficial do Google Charts aqui:
https://developers.google.com/chart/interactive/docs/gallery/piechart
Percebi que o PieChart que o Google está tentando carregar, por exemplo, não funcionará na minha máquina com os mesmos erros de console do Firefox e Chrome.
Não sei para onde ir a partir daqui e queria saber se o Google pode estar bloqueando meu IP de carregar a API ou algo assim?
Ou se as configurações foram alteradas e agora impedem o carregamento dos gráficos?
Qualquer ideia de por que isso pode estar acontecendo seria uma grande ajuda.