动画完成的Highcharts活动?

时间:2014-04-30 09:51:12

标签: javascript-events highcharts

在Highcharts重绘时动画结束时,有没有办法设置事件监听器?从我看到的情况来看,redraw事件会在更改时立即触发,而不会等待动画。或者,当图表变得静止时,还有其他方法可以等待吗?

此外,是否可以向已经呈现的图表添加事件监听器(例如,通过addEventListener,而不是通过JSON配置)?

3 个答案:

答案 0 :(得分:10)

您可以捕捉动画事件并设置完整功能。

plotOptions: {
        series: {
            animation: {
                complete: function () {
                    console.log('a1');
                }
            }
        }
    },

http://jsfiddle.net/G63h4/

答案 1 :(得分:0)

动画完成后还有另一个事件,只触发一次:

  plotOptions: {
    series: {
      animation: {
        complete: function () {
          console.log('a1 - fired after animation of each element');
        },
        events: {
          afterAnimate: function (ev) {
            console.log('fired only once for each series');
          }
        }
      }
    }
  }

答案 2 :(得分:0)

您可以使用"完成"回调chart.redraw的动画参数。

例如:

chart.redraw({
    complete: function(){
      console.log("Animation completed");
    }
});