Chart.js plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart animations when the user is likely to see them.
Requires Chart.js 3.x.
Documentation
Example
new Chart(ctx, {
options: {
plugins: {
deferred: {
xOffset: 150,
yOffset: '50%',
delay: 500
}
}
}
});
Development
You first need to install node dependencies (requires Node.js):
> npm install
The following commands will then be available from the repository root:
> npm run build // build dist files
> npm run build:dev // build and watch for changes
> npm run lint // perform code linting
> npm run lint -- --fix // automatically fix linting problems
> npm run docs // generate documentation (`dist/docs`)
> npm run docs:dev // generate documentation and watch for changes
> npm run package // create tgz and zip archives with dist files
License
chartjs-plugin-deferred
is available under the MIT license.