而使用谷歌图表setOnLoadCallback不触发

Question

在调用此函数时，我得到一个没有正文的空白页。我做了一些测试，发现alert()没有触发。suggessions吗?

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

Works fine for me change: http://jsfiddle.net/kpv5nr30/

Answer 2

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

Answer 3

当从其他函数内部调用时，google加载器的行为很奇怪。如果您将回调与加载器内联设置，应该不会有任何问题:

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