Home/ Questions/Q 8398585
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T21:05:17+00:00

I’m testing this app on a iOS Simulator Whenever I run this code: google.load(visualization,

  • 0

I’m testing this app on a iOS Simulator

Whenever I run this code:

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

My phonegap application crashes to a completely white screen. I have a page, where I have some random content and a button, that is assigned a .click() jQuery listener to start loading the google chart api. Whenever I click that button, everything dissapears and I’m left with a blank screen.

Here’s the code:

$( '#chartsThirdStep' ).live( 'pageinit',function(event){

    $("#chartThirdStepGoButton").click(function(event){

        parseChartInfo();
    });
});

function parseChartInfo() {

    console.log("parseChartInfo()");
    google.load("visualization", "1", {packages:["corechart"]});
    // app completely crashes here - all jquery mobile stuff dissapears
    // and i'm left with a blank screen on the simulator.
    //google.setOnLoadCallback(drawChart);
}

I’m using:

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    first, you need to load the API outside the “ready” event handler, as the loader doesn’t seem to work properly inside other functions.
    Second, put the click event handler inside the google.load callback, which will prevent the click event from being assigned before the API loads (and thus users can’t try to draw charts before the API loads, though it typically loads sufficiently fast that your users should never notice a difference)

    • 0