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

我注意到，谷歌试图加载他们的示例的PieChart将无法在我的机器上使用相同的Firefox和Chrome控制台错误。

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

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

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

Answer 1

您可能会遇到来自latest release ...

的问题

看来，当我们推出新版本时，系统会出现一些小问题，直到更改完全传播为止。我们将来会努力解决这个问题，但就目前而言，如果您遇到这些错误，我建议您刷新页面，必要时刷新缓存。
您也可以更改“当前＆＃39;到＆＃39; 43＆＃39;或者＆＃39; 44＆＃39;它会更可靠地工作。

从这里找到 - ＆gt; Google Visualization Charts API examples are broken

此示例适用于Chrome浏览器，但没有看到任何差异，您可以分享更多代码吗？

我也看到加载JQuery and GoogleCharts

的问题

＆＃13;

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);
}

＆＃13;

<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>

＆＃13;

Google可视化显示问题

1 个答案: