Javascript 在chart.js动画开始时添加延迟

我正在使用chart.js显示一些图形，我想在甜甜圈动画开始之前插入一个延迟

谁能帮我一下吗

提前谢谢。 西尔万

油炸圈饼图
var doughnutData=[
{
数值：30，
颜色：“F7464A”
},
{
价值：50，
颜色：“46BFBD”
},
{
数值：100，
颜色：“FDB45C”
},
{
价值：40，
颜色：“949FB1”
},
{
数值：120，
颜色：“4D5360”
}
];
//此部分将在图表的页面加载上添加2秒延迟
window.onload=function（）{
setTimeout（函数（）{
var myDoughnut=新图表（document.getElementById（“canvas”）.getContext（“2d”））.Doughnut（doughnutData）；
}, 2000);
};

---

您首先需要安装：

chartjs插件

，然后添加到您的项目中

{
    plugins: {
        deferred: {           // enabled by default
            xOffset: 150,     // defer until 150px of the canvas width are inside the viewport
            yOffset: '50%',   // defer until 50% of the canvas height are inside the viewport
            delay: 500        // delay of 500 ms after the canvas is considered inside the viewport
        }
    }
}

答复: 您可以这样设置延迟

import { ChartOptions } from 'chart.js';
public barChartOptions: ChartOptions = {
  animation: {
    duration: 2000
  }
};

我希望它能帮助别人！

---

更多信息：

看起来没有人发布答案。在版本3+中，它如下所示：

options: {
  animation: {
    delay: 1000, // change delay to suit your needs.
  },
}

---

Hiee sylvain欢迎来到stackoverflow。你应该为你所遇到的问题提供相关代码，这些代码不会延迟动画，它会延迟图表的实例化。这会设置持续时间，而不是延迟。延迟也存在于文档中。-在开始动画之前延迟。

options: {
  animation: {
    delay: 1000, // change delay to suit your needs.
  },
}