Javascript 带有EasyPieChart和航路点的JS未执行

我有一个简单的问题，因为我不想深入研究JS编码

下面的代码段有什么问题，为什么没有按预期执行。 （->在图表进入视图后立即加载图表）

我不明白我的剧本哪里做错了。一个解释将有助于（也许）未来的问题

对于整个代码段以及所有使用的库和框架，请查看相应的代码笔：

---

当您滚动经过一个元素时，航路点实际上会触发。您的笔很可能不够高，无法上下滚动，因此会触发航路点->EasyPieChart交互

我用叉子叉了你的笔，并提供了一个演示，展示了你的代码实际上是有效的：

我只是将这些行添加到您的

正文

CSS中，以查看它是否真正起作用：

  min-height:10000px;
  overflow-y:scroll;

在现实生活中，您很可能不需要它，因为您正计划滚动浏览此内容

---

编辑：

如果您使用Waypoint的

offset

属性，实际上可以确保在页面加载和页面滚动时触发该属性。试着像这样使用它：

var waypoint  = new Waypoint({
  element: document.querySelector("#chartcontainer"),
  offset: $("#chartcontainer").height(),
  handler: function() {
    ...

---

通过将其设置为容器的高度，可以确保在触发动画之前它完全可见。

wow。我现在觉得很傻：）非常感谢，特别感谢你的详细解释。我的荣幸！不要自责，我们都有自己的挣扎；）

var waypoint  = new Waypoint({
  element: document.querySelector("#chartcontainer"),
  offset: $("#chartcontainer").height(),
  handler: function() {
    ...