0

myDoughnut アニメーションのアニメーションを 5 秒ごとに繰り返したいと思います。現時点では、ページの読み込み時にのみアニメーション化されます。

<script>
                    var doughnutData = [
                            {
                                value: 80,
                                color:"#74cfae"
                            },
                            {
                                value : 20,
                                color : "#3c3c3c"
                            }
                        ];

                        var myDoughnut = new Chart(document.getElementById("CSS3").getContext("2d")).Doughnut(doughnutData);



                </script>

使ってみました

setInterval("Chart();", 500);

私はまだJavascriptを学んでいるので、正しい関数を参照しているかどうか、およびsetIntervalコードをどこに配置するかについて少し確信が持てません。

アニメーションは、この Web サイトの下部で表示できます。http://www.chartjs.org/

ご指導とご指導ありがとうございました！

4

2 に答える 2

2

setInterval は関数をパラメーターとして受け取ります。

試す：

setInterval(function(){ Chart(); }, 500);
于 2014-03-04T15:43:26.477 に答える
2

適切な関数をsetIntervalに渡す必要があります。

Chart オブジェクトのアニメーションを再生する方法を探しましたが、ChartJS のドキュメントにディレクティブが見つかりませんでした。

関数は次のようになります。

setInterval(function () {
  myDoughnut = new Chart(document.getElementById("CSS3").getContext("2d")).Doughnut(doughnutData);
           }, 2000);

ここではJSFiddleが動作しています。

于 2014-03-04T16:03:35.460 に答える