对myDoughnut设置间隔动画

gxwragnw 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(189)

我想每5秒重复一次myDoughnut动画。目前它只在页面加载时动画。

<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代码。
可在本网站底部查看动画：http://www.chartjs.org/
非常感谢任何指导和方向！

chart.js

来源：https://stackoverflow.com/questions/22176401/setinterval-on-mydoughnut-animation

2条答案

按热度按时间

fgw7neuy1#

您应该将适当的函数传递给 setInterval。
我寻找一种方法来重放图表对象的动画，但我在ChartJS文档中找不到任何指令。
以下是您的函数应该看起来的样子：

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

下面是正在工作的JSFiddle。

赞(0）回复(0）举报 2022-11-09

nuypyhwy2#

setInterval接受一个函数作为参数。
请尝试：

setInterval(function(){ Chart(); }, 500);

赞(0）回复(0）举报 2022-11-09

我来回答

对myDoughnut设置间隔动画

2条答案

相关问题

热门标签

最新问答