延迟动画chart.js

Question

我是新来的，当我的图表在页面加载时自动启动，所以我的问题是如何延迟动画，直到它变成视图端口，这是什么代码，也是在哪里准确地把它放在chart.js？

谢谢。

Answer 1

您首先需要安装：chartjs-插件递延here 然后添加到您的项目

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