如何在滚动条上制作EasyPieChart插件动画？

Question

我使用Easy Pie Chart插件创建了一个动画饼图，并且我只是在滚动位置达到2000px时才尝试将其设置为动画。

我已尝试过其他文章中提出的一些修正，但没有什么对我有用。建议使图表显示为none，然后在滚动位置2000添加一个使其可见的类。但我发现动画仍然在页面加载时触发，图表刚出现已加载在滚动上。

有人能帮助我吗？我是jquery和这个网站的新手，所以如果我做错了，我会道歉：）

HTML：

<ul>
  <li class="chart" data-percent="50"><div><span>50%</span>Completed</div></li>
</ul>

jQuery的：

var options = {
  scaleColor: false,
  trackColor: 'rgba(255,255,255, .6)',
  barColor: '#2bb7e0',
  lineWidth: 12,
  lineCap: 'butt',
  size: 195
};

window.addEventListener('DOMContentLoaded', function() {
  var charts = [];
  [].forEach.call(document.querySelectorAll('.chart'),  function(el) {
    charts.push(new EasyPieChart(el, options));
  });
});