我的Doughnut.js上的setInterval

时间:2018-08-18 13:03:07

标签: chart.js

大家好,大家好, 我想每5秒重复一次Doughnut.js动画的动画。刷新时仅加载一次。 这是Doughnut.js,内容是:

new Chart(document.getElementById("doughnut-chart"), {
    type: 'doughnut',
    data: {
        labels: ["California", "Utah", "Texas", "Nevada", "Oregon"],
        datasets: [
            {
                label: "Users",
                backgroundColor: ["#042d48", "#4e9ba5", "#07775f", "#865d52", "#961107"],
                data: [100, 200, 250, 300, 120]
        }
      ]
    },
    options: {
        title: {
            display: true,
            text: 'Predicted USers'
        }
    }
});

我试图以此为动画:

Chart();
setInterval(Chart(), 5000);

我仍在学习Javascript,因此不确定我是否引用了正确的函数以及setInterval代码的放置位置。

可以在以下网站的底部查看动画:https://www.chartjs.org/

非常感谢您的指导和指导!

1 个答案:

答案 0 :(得分:0)

在示例中,您使用的setinterval错误。

setInterval(someFunction, 5000)

不是

setInterval(someFunction(), 5000)

您当前的代码一次调用该函数。 setinterval调用每5秒不执行任何操作。