jquery - Google Chart API callback function not getting called -


i trying render data using google chart api, strangely when load visualization api, callback function not called. have created fiddle @ http://jsfiddle.net/jagzviruz/zbmnh/

var donutchart = { data : [     ['sales', 20],     ['returns', 12],     ['pending', 80],     ['processed',990] ], init : function(){     $.getscript('https://www.google.com/jsapi', this.loadpackages); }, loadpackages : function(){     console.log('loaded api.. loading packages');     var o = this;     google.load("visualization", "1", {packages:["corechart"]});     google.setonloadcallback(o.renderdata); }, renderdata: function(){     //console.log('loaded packages.. showing charts');     alert('render data'); }};  donutchart.init(); 

i never alert. other console messages appear fine.

use donutchar rather this reference function pointer:

$.getscript('https://www.google.com/jsapi', donutchart.loadpackages); 

the init function equivalent to:

function foo()   {   $.getscript('https://www.google.com/jsapi', this.loadpackages);   }  donutchart.init = foo 

as result, this equal foo rather donutchart.


Comments

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

jquery - Clone last and append item to closest class -

c - Unrecognised emulation mode: elf_i386 on MinGW32 -