Highcharts-在setData完成其动画后更改条形的颜色吗？

Question

动画结束后，如何切换条形图的颜色？

我在高图中有一个条形图，在这里，我通过setData()在第一个也是唯一一个系列中设置了一些新数据，效果很好。该图表的动画持续时间为1000毫秒。现在，如果新数据值超过10，我还想更改条形的颜色。我的方法如下：

 var x = 10
 chart = $('#id_of_my_chart').highcharts();
 chart.series[0].setData([ x ]);

 if (x > 7) {
    chart.series.update({ color: 'red' })
  }

问题是update()和setData()同时执行，其结果是更新语句series.update()在setData()的1000ms动画完成之前开始执行，因此破坏动画。

我的目标是在动画之后改变颜色。

我知道highchart功能event: { afterAnimate: {} } }，但实际上无法使它正常工作。

有人做到了吗？