Eu estou tentando usar o gráfico de pizza de Chart.js (http://www.chartjs.org/docs/#pieChart-exampleUsage). Tudo funciona bem, mas a animação acontece assim que a página é carregada, mas como o usuário precisa rolar para baixo para ver o gráfico, ele não verá a animação. Existe alguma maneira que eu possa fazer a animação para começar somente quando rolou para essa posição? Além disso, se possível, é possível animar toda vez que esse gráfico se torna visível?

Meu código é o seguinte:

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