Question

我正在尝试在Firefox中使用Google Charts。当我从Google复制示例代码并将其保存到桌面上的html文件时，图表可以正常工作。如果我上传相同的html文件，图表不起作用，我收到错误：ReferenceError：谷歌没有定义。我创建了一个jsfiddle我正在使用的代码。

有谁能告诉我为什么会这样，以及我如何纠正这个问题？

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

      function drawChart1() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      9]
        ]);

        var options = {
          title: 'My Daily Activities',
          is3D: true,
        };

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

        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Answer 1

而不是：

var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      9]
        ]);

你应该让你的代码更清晰：

function drawChart() {


 // Define the chart to be drawn.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Element');
  data.addColumn('number', 'Percentage');
  data.addRows([
    [' string ', ' Element']

  ]);

  // Instantiate and draw the chart.
  var chart = new google.visualization.PieChart(document.getElementById('myPieChart'));
  chart.draw(data, null);

Google Charts图书馆可以向您展示为什么它更有效。 https://developers.google.com/chart/interactive/docs/basic_load_libs

Answer 2

我发现Firefox中安装了一个名为Google Disconnect的插件。一旦加载项被禁用，图表就会开始正常工作。

Google图表在上传时无法正常工作

2 个答案: