延迟chart.js的动画
Delay animation of chart.js
我是这方面的新手,当页面加载时,我的图表会自动启动,所以我的问题是如何延迟动画,直到它进入视图端口,执行此操作的代码是什么,以及它在chart.js中的确切位置?
谢谢。
您首先需要安装:此处延迟的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
}
}
相关文章:
- JS页面在后台加载时显示动画
- Chart.js 2.1.2条形图动画问题
- 当元素在屏幕中占60%时,WOW.js启动动画
- Famo.us Js-将实体(粒子)设置到位置的动画
- 使用JS的动画加载栏
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- 如何在three.js中设置网格绘制的动画
- 第节上的全页JS动画
- D3.js-带有多个圆环和动画过渡的圆环图
- tween.js动画的奇怪行为
- D3.js:设置贝塞尔曲线的动画
- 来自jQuery,如何在React.js中制作DOM动画?例如设置进度条的动画
- 在动画CC中创建JS JavasScript框架脚本
- 使用wow.js显示两次动画对象
- 图表.js 2,从右到左(不是自上而下)进行动画处理
- 在拉斐尔.js中为逆时针弧线制作动画
- 如何使用citoscape制作连续动画.js
- 当 ajax 请求速度时不显示动画.js
- 动画js/jquery函数不工作
- 触发简易饼图的动画.js带有航点