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

时间:2012-03-20 17:35:01

标签: javascript google-visualization

我在某些网页上显示Google的图表。但我无法保证我的客户可以通过网络访问Google:客户端计算机将与我的网络服务器(可以访问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 Visualization是否可访问?


更新:上面的代码因为以下代码无法正常工作(之前我没有发帖,因为我认为没有意义):

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 == trueif分支未被采用,如果false function drawVisualization(),则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-test:

if (!canAccessGoogleVisualizationVar)

但现在它无效,因为评估google.load(?, ?, canAccessGoogleVisualization);正在执行 canAccessGoogleVisualization()调用方法canAccessGoogleVisualizationVar

我是否可以确定在试图执行google.load(...);的调用后,我正在读取{{1}} 的值?

1 个答案:

答案 0 :(得分:12)

你可以尝试

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