Como fazer o Chart.js animar quando rolou para essa seção?
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>