Ich versuche, das Kreisdiagramm von Chart.js zu verwenden (http://www.chartjs.org/docs/#pieChart-exampleUsage). Alles funktioniert reibungslos, aber die Animation wird ausgeführt, sobald die Seite geladen wird. Da der Benutzer jedoch nach unten scrollen muss, um das Diagramm anzuzeigen, wird die Animation nicht angezeigt. Gibt es überhaupt eine Möglichkeit, die Animation erst zu starten, wenn ich zu dieser Position gescrollt habe? Ist es auch möglich, jedes Mal zu animieren, wenn dieses Diagramm angezeigt wird?

Mein Code lautet wie folgt:

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