jquery - Google Charts API shows blank screen with $(document).ready method -
i've got several functions instantiate various charts using google charts api.
when call them without jquery's $(document).ready
method, works fine. method, i'm looking @ blank screen.
why?
<script type="text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" charset="utf-8"></script> <script type="text/javascript" src = "http://www.google.com/jsapi" charset="utf-8"></script> function drawcolumnchart1(){..some code..} function drawcolumnchart2(){..some code..} function drawgeochart(){.some code..} //this works fine. google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]}); google.setonloadcallback(window.drawcolumnchart1); google.setonloadcallback(window.drawcolumnchart2); google.setonloadcallback(window.drawgeochart); //this doesn't work $(document).ready(function(){ google.load("visualization", "1", {packages:["piechart", "corechart", "geomap"]}); google.setonloadcallback(window.drawcolumnchart1); google.setonloadcallback(window.drawcolumnchart2); google.setonloadcallback(window.drawgeochart); });
update here error in firebug:
uncaught exception: [exception... "could not convert javascript argument" nsresult: "0x80570009 (ns_error_xpc_bad_convert_js)" location: "js frame :: http://www.google.com/jsapi :: q :: line 20" data: no] http://www.google.com/jsapi line 22
google.setonloadcallback jquery $(document).ready(), ok mix?
is closest answer, , ryan wheale's answer on following may helpful.
Comments
Post a Comment