Jak ustawić animację Chart.js, gdy przewiniesz ją do tej sekcji?

Próbuję użyć wykresu kołowego z Chart.js (http://www.chartjs.org/docs/#pieChart-exampleUsage). Wszystko działa płynnie, ale animacja odbywa się natychmiast po załadowaniu strony, ale ponieważ użytkownik musi przewinąć w dół, aby zobaczyć wykres, nie zobaczy animacji. Czy mimo to mogę uruchomić animację dopiero po przewinięciu do tej pozycji? Czy możliwe jest animowanie za każdym razem, gdy ten wykres staje się widoczny?

Mój kod jest następujący:

<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>

questionAnswers(4)

yourAnswerToTheQuestion