javascript - 我怎么知道是否加载了 Google Visualization

Question

我在某些网页中显示了 Google 的图表。但我不能保证我的客户可以通过网络访问谷歌:客户端计算机将与我的网络服务器(可以访问谷歌)在同一个局域网中，但我不能保证所有的客户都可以在局域网外访问.

我想使用 Google Charts 向可以访问数据的客户显示数据，向不能访问数据的客户显示纯 HTML 表格。

我尝试将变量设置为 false，然后在加载 Google Visualization API 时调用的方法中将其更改为 true:

var canAccessGoogleVisualizationVar = false;
google.load('visualization', '1', {packages: ['corechart'], callback: canAccessGoogleVisualization});
function canAccessGoogleVisualization() 
{
    canAccessGoogleVisualizationVar = true;
}

但是好像不行。

我如何从客户端知道 Google 可视化是否可访问？

---

更新:由于以下代码(我之前没有发布，因为我认为没有意义，所以上面的代码不起作用):

google.setOnLoadCallback(drawVisualization);

function drawVisualization() 
{
    // Check if Google Visualization is loaded
    if (!canAccessGoogleVisualizationVar) {
        alert('Can't access Google Visualization');
    }

    // The following code can be any of the samples from Google (see http://code.google.com/apis/ajax/playground/?type=visualization#pie_chart).
    var data = new google.visualization.DataTable();
    // Add columns and values to data
    ...
    // Call new google.visualization.AnyChartBuilderFromTheAPI(<element>).draw(data);
}

我注意到我的代码不起作用，因为如果 canAccessGoogleVisualizationVar == true，则 if 分支未被采用，如果它的 false，函数 drawVisualization() 不会被执行。

所以我在函数外进行了 if 测试:

google.setOnLoadCallback(drawVisualization);

function drawVisualization() 
{
    // Any drawVisualization unchanged from the samples from Google (see http://code.google.com/apis/ajax/playground/?type=visualization#pie_chart).
}

// Check if Google Visualization is loaded at the end of this <script> </script>
if (!canAccessGoogleVisualizationVar) {
    alert('Can't access Google Visualization');
}
</script>

但现在它不起作用，因为评估 if (!canAccessGoogleVisualizationVar) 正在 google.load(?, ?, canAccessGoogleVisualization); 行之前执行； 调用方法 canAccessGoogleVisualization()。

在尝试执行对 google.load(...) 的调用之后，我如何确定正在读取 canAccessGoogleVisualizationVar 的值； ?

Answer 1

你可以试试

function canAccessGoogleVisualization() 
{
    if ((typeof google === 'undefined') || (typeof google.visualization === 'undefined')) {
       return false;
    }
    else{
     return true;
   }
}