Estoy tratando de usar el gráfico circular de Chart.js (http://www.chartjs.org/docs/#pieChart-exampleUsage). Todo funciona sin problemas, pero la animación ocurre tan pronto como se carga la página, pero como el usuario tiene que desplazarse hacia abajo para ver el gráfico, no verá la animación. ¿Hay alguna forma de hacer que la animación se inicie solo cuando se desplaza a esa posición? Además, si es posible, ¿es posible animar cada vez que el gráfico esté a la vista?

Mi código es el siguiente:

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