谷歌可视化显示问题

Question

我正在应用程序中使用谷歌图表可视化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控制台错误。

我不确定从这里开始，想知道谷歌是否可以阻止我的 IP 加载 API 等？

或者，如果设置已更改，现在阻止图表加载？

任何对为什么会发生这种情况的见解都将是一个很大的帮助。

Answer 1

您可能遇到最新版本的问题...

似乎当我们推出新版本时，系统中会出现一些问题，直到更改完全传播。 我们将来会努力解决此问题，但现在，如果您遇到此类错误，我建议您刷新页面，并在必要时刷新缓存。
您还可以将"当前"更改为"43"或"44"，它将更可靠地工作。

从这里找到 --> 谷歌可视化图表 API 示例已损坏

此示例在 Chrome 中对我有用，没有看到任何差异，您是否可以共享更多代码？

我还看到加载JQuery和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>