Question

我正在使用Chart.js Version: 1.1.1进行页面上的数据演示。我有5种不同类型的图，它们在页面加载时立即全部初始化。现在，我想在页面中使用lazy-initialize。 chartJS

是否有任何解决方法

谢谢！

Answer 1

使用H1元素解释该概念。每当H1出现在视口中时，调用一个函数来渲染图表。

您可以计算元素的偏移量（Graph的Div），然后将其与滚动值进行比较：

$(window).scroll(function() {
   var hT = $('#scroll-to').offset().top,
       hH = $('#scroll-to').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
   if (wS > (hT+hH-wH) && (hT > wS) && (wS+wH > hT+hH)){
      $('h1').addClass('view')
   } else {
      $('h1').removeClass('view')
   }
});

在示例中，我展示了向H1添加样式的演示。相反，您必须在此处渲染图形。

示例：Demo Link

在ChartJS中“延迟初始化”

1 个答案: