滚动时如何使Chart.js动画?

时间:2014-05-15 13:19:26

标签: javascript charts

我正在尝试使用Chart.js(http://www.chartjs.org/docs/#pieChart-exampleUsage)中的饼图。我有一个脚本可以完成这项工作,但每次重新加载时,图表变得越来越大。我需要更改什么来解决这个问题?

我的代码如下:

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

0 个答案:

没有答案