在scrollTop（）上显示Google图表

debugcn 发表于 Dev

米科拉杰

我正在尝试在特定事件上触发Google图表绘制。在这种情况下，它将位于scrollTop位置（我认为这是最好的解决方案）。

但是我不知道该如何处理“ setOnLoadCallback”，我认为此功能给我带来了很多麻烦。

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

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


});

当然，我可以在此处进行变通，并绘制图表，使其不可见，然后通过在ex中添加类来显示它们。当用户能够查看它们时，“。make-visible”，但是我试图将两者结合的主要目的是我不想在页面加载时加载所有内容，因为这是不必要的，我想在何时加载它它需要。

这是我的带有图表的代码笔代码。在此先感谢您的帮助。http://codepen.io/Nikolaus91/pen/NPmzLw

有趣的是，在我的鳕鱼上启动Chrome的“检查元素”时，我可以看到：jQuery未定义错误。好吧...应该指定它，因为我确实将它添加到了JS设置中的codepen中。

我不明白

阿格里博斯

似乎很难编码，但是它可以工作。

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

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

顺便说一句，别忘了把你的代码整理一下。

演示版

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。