【Chart.js】アニメーションのタイミングをスクロール時にする例

「Chart.js」は、Webサイト上でチャート・グラフを表示するこができるJavaScriptのライブラリ。 そのChart.jsでは基本的にページが読み込まれたタイミングで、チャートの描画アニメーションを行いますが、今回は、そのアニメーションのタイミングを、チャートが表示される位置までスクロールされた際にするjQueryの例となります。 チャートが表示される位置までスクロールされた際に、アニメーションを実行する例例では、jQueryとChart.jsのライブラリはすでに読み込んでいる前提としています。 チャートを表示させるHTML要素を記述以下はチャートを表示させるHTML要素となり、チャートを表示させたい箇所に記述します。 <canvas id="my-chart"></canvas>jQueryのコードを記述以下はjQueryのコードとなり、チャートの設定とチャートが表示される位置