Как сделать анимацию Chart.js при прокрутке в этот раздел?
Я пытаюсь использовать круговую диаграмму из Chart.js (http://www.chartjs.org/docs/#pieChart-exampleUsage). Все работает гладко, но анимация происходит, как только страница загружается, но, поскольку пользователь должен прокрутить вниз, чтобы увидеть график, он не увидит анимацию. Можно ли как-нибудь заставить анимацию запускаться только при прокрутке до этой позиции? Также, если возможно, возможно ли анимировать каждый раз, когда эта диаграмма становится видимой?
Мой код выглядит следующим образом:
<canvas id="canvas" height="450" width="450"></canvas>
<script>
var pieData = [
{
value: 30,
color:"#F38630"
},
{
value : 50,
color : "#E0E4CC"
},
{
value : 100,
color : "#69D2E7"
}
];
var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);
</script>