Как сделать анимацию 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>

Ответы на вопрос(4)

Ваш ответ на вопрос