Отобразить диаграмму google на scrollTop()

Question

Я пытаюсь вызвать рисунок диаграммы Google на конкретном событии. В этом случае это будет scrollTop позиция (я думаю, что это лучшее решение здесь).

но я не знаю, что мне делать с «setOnLoadCallback», я думаю, что эта функция вызывает у меня столько проблем.

jQuery(document).ready(function ($) { 

if ($(window).scrollTop() > 200) { 
     google.setOnLoadCallback(drawVisualization2); 
    } else { 
     //.... 
    } 


}); 

Конечно, я могу сделать обходной путь здесь, и рисовать графики, сделать их невидимыми, а затем отобразить их с помощью добавления класса в отл. «.make-visible», когда пользователь сможет их просматривать, но основная цель, которую я пытаюсь объединить, состоит в том, что я не хочу загружать все на загрузку страницы, потому что это необязательно, я хочу загрузить его, когда он нужен.

Вот мой код кода с диаграммами. Заранее благодарю за любую помощь.

Прикольная вещь, когда запущен «Элемент проверки» Chrome на моей ковшей, я вижу: JQuery не определена ошибка. Ну ... он должен быть указан, потому что я добавил его, чтобы он мог кодироваться в настройках JS.

Я не понимаю.

Answer 1

кажется трудно закодированным, однако он работает.

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

function callback() { 
    $(window).scroll(function() { 
     if($(window).scrollTop() >= 200) {   
       drawVisualization1();  
     } 
    }); 
}; 

BTW, не забудьте перевести код.