jquery ajax成功函数中带有参数的google.setOnLoadCallback

首先,你使用的是谷歌图表的旧版本,
jsapi
见 release notes ...

谷歌图表的版本仍然可以通过 loader.js 从现在开始。

<script src="https://www.google.com/jsapi"></script>

<script src="https://www.gstatic.com/charts/loader.js"></script>

这只会更改加载语句。。。

从。。。

google.load("visualization", "1", { packages: ["corechart"] });

google.charts.load("current", { packages: ["corechart"] });

接下来,你不需要每次需要绘制图表时都使用回调函数,
它只需要使用一次,以确保谷歌图表已经加载。

您可以使用更新的 setOnLoadCallback 功能。

google.charts.setOnLoadCallback(drawChart);

load

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

或者我更喜欢的,它回报的承诺。(google包括一个promise polyfill for IE)

google.charts.load('current', {
  packages: ['corechart']
}).then(drawChart);

谷歌的 负载 语句将等待默认加载文档,
所以你可以用 google.charts.load 代替 $(document).ready

建议先加载google,然后使用ajax获取数据,然后绘制图表。

类似于下面的设置。。。

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {

  // get data for chart 1
  $.ajax({
    type: 'POST',
    ...
  }).done(function (result) {

    drawChart1(result.d);

  }).fail(function (jqXHR, status, errorThrown) {
    console.log(errorThrown);
  });

  // get data for chart 2
  $.ajax({
    type: 'POST',
    ...
  }).done(function (result) {

    drawChart2(result.d);

  }).fail(function (jqXHR, status, errorThrown) {
    console.log(errorThrown);
  });

});

function drawChart1(chartData) {
  ...
}

function drawChart2(chartData) {
  ...
}