Javascript 如何使Chart.js在滚动时具有动画效果?
我正在尝试使用chart.js中的饼图。我有一个脚本来完成这项工作,但每次重新加载时,图表就会越来越大。我需要更改什么来修复此问题 我的代码如下:Javascript 如何使Chart.js在滚动时具有动画效果?,javascript,charts,Javascript,Charts,我正在尝试使用chart.js中的饼图。我有一个脚本来完成这项工作,但每次重新加载时,图表就会越来越大。我需要更改什么来修复此问题 我的代码如下: var inView = false; function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offs
var inView = false;
function isScrolledIntoView(elem)
{
var docViewTop = $(window).scrollTop();
var docViewBottom = docViewTop + $(window).height();
var elemTop = $(elem).offset().top;
var elemBottom = elemTop + $(elem).height();
return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop));
}
$(window).scroll(function() {
if (isScrolledIntoView('#canvas')) {
if (inView) { return; }
inView = true;
new Chart(document.getElementById("canvas").getContext("2d")).Pie(data);
} else {
inView = false;
}
});
您的代码工作正常,图表的大小始终相同: