使用Google图表时，setOnLoadCallback不会触发

Question

在调用此函数时，我得到了没有正文的空白页。 我做了一些测试，发现alert（）不会触发。 有什么建议吗？

function draw()
  {

   google.load('visualization', '1.0', {'packages':['corechart']});

   google.setOnLoadCallback(function (){

      alert("callback");
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'header');
      data.addColumn('number', 'percntile');
      data.addRows([
       ['above', 50.1],
       ['below', 49.9]
      ]);

    // Set chart options
    var options = {'title':'tfyfty',
                   'width':400,
                   'height':300
               };

    var chart = new google.visualization.PieChart($('#content'));
    chart.draw(data, options);
  });

  }

Answer 1

您实际上是在调用draw功能吗？ 你包括谷歌脚本吗？ 我看到的唯一错误是使用

var chart = new google.visualization.PieChart($('#content'));

代替 ：

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

对于我来说可以很好地更改它： http : //jsfiddle.net/kpv5nr30/

Answer 2

我认为可能是您的函数调用不适合此尝试尝试将警报放在draw（）的第一行。如果可行，则必须有任何语法错误.....尝试将load方法调用为... google.load("visualization", "1", { packages: ["corechart"] });

Answer 3

从其他函数内部调用时，Google loader的行为会很奇怪。 如果您使用加载程序设置回调内联，则应该没有任何问题：

function draw()
{
    google.load('visualization', '1.0', {'packages':['corechart'], callback: function () {
        alert("callback");
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'header');
        data.addColumn('number', 'percntile');
        data.addRows([
            ['above', 50.1],
            ['below', 49.9]
        ]);

        // Set chart options
        var options = {
            'title':'tfyfty',
            'width':400,
            'height':300
        };

        var chart = new google.visualization.PieChart($('#content'));
        chart.draw(data, options);
    }});
}