javascript - EasyPieChart と Waypoint を使用した JS が実行されない

Question

私はJSコーディングに深く関わっていないので、簡単な質問があります。

次のコード スニペットの問題点と、期待どおりに実行されない理由を教えてください。(-> チャートが表示されたらすぐにロードする)

var waypoint  = new Waypoint({
  element: document.querySelector("#chartcontainer"),
  handler: function() {
    $(".chart").easyPieChart({
      scaleColor: false,
      lineWidth: 20,
      lineCap: "butt",
      barColor: "#9b0000",
      trackColor: "#ecf0f1",
      size: 160,
      animate: 1500
    });
    $(".count").each(function() {
      var $this = $(this);
      $({ Counter: 0 }).animate({ 
        Counter: $this.text() 
      },{
        duration: 1500,
        easing: "swing",
        step: function() {
          $this.text(Math.ceil(this.Counter));
        }
      });
    });
  }
});

スクリプトで何が間違っていたのかわかりません。説明は、（おそらく）将来の問題に役立ちます。

スニペット全体と使用されているすべてのライブラリとフレームワークについては、対応する codepen を確認してください: https://codepen.io/toxicterror/pen/EJPjEQ