延遲動畫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 
    } 
}