谷歌可视化显示问题

Question

我在我的应用程序中使用 Google Charts Visualization 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>

在搜索并前往此处的 Google Charts 官方网站后：

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

我注意到 Google 尝试为他们的示例加载的 PieChart 将无法在我的机器上运行，同时出现相同的 Firefox 和 Chrome 控制台错误。

我不确定从这里去哪里，并且想知道 Google 是否会阻止我的 IP 加载 API 等？

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

任何了解为什么会发生这种情况都会有很大帮助。

Answer 1

您可能会遇到来自latest release 的问题...

看来，当我们推出新版本时，系统中会出现一些问题，直到更改完全传播。我们将在未来努力解决此问题，但目前，如果您遇到此类错误，建议您刷新页面，并在必要时刷新缓存。
您还可以将 'current' 更改为 '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>