滚动事件上的任何动画

Question

默认情况下，Anychart中的图表动画在页面加载时发生。如何添加一个滚动事件监听器，只有当包含图表的div（jsfiddle中的容器4）滚动到视图中时才会发生图表动画？

jsfiddle：https://jsfiddle.net/2wbexu15/

    

determine_actions(...)

与关于Highcharts的这个问题类似，但我无法弄清楚如何将此解决方案应用于Anycharts： highcharts: fire animation when visible instead of on page load

Answer 1

您可以使用

处理窗口滚动

var scrollHandler = function(e){
  if (chart.container().getContainerElement().getBoundingClientRect().top < 50){
        window.removeEventListener('scroll',scrollHandler)
        chart.draw();
  }
};
window.addEventListener('scroll', scrollHandler, false);

请参阅此示例：https://jsfiddle.net/2wbexu15/3/，它说明了这个想法。