Javascript 如何清除highcharts中系列的开始渲染动画？

首先要澄清一下高图表中有几种动画。我只对开始动画感兴趣，它在添加系列时绘制一个折线图

所说的是，如果一个系列在其开始动画的中间，并且被移除，动画将完成绘制并永久地停留在图表上。添加的新系列将不会重新绘制

有没有办法删除特定系列的开始动画，或者重新绘制图表以刷新它？我假设重新创建整个图表可以实现这一点，但它不符合我的目的。我需要第一个系列保持绘制状态，而不触发第一个系列的开始动画，但是第二个系列必须有一个开始动画，以便它可以在第一个系列的顶部进行动画制作

这里有一个复制问题的例子

$（函数（）{
var data1=[null，null，null，null，null，6，11，32，110，235，369，640，
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104];
//var animatedData={color:'#FF00FF'，数据：data1}；
var animatedData={data:data1}；
var data=[{name:“USA”，data:data1}，animatedData]；
函数reanimateChart（）{
var chart=$（“#容器”）.highcharts（）；
chart.series[1]。删除（）；
图表.添加系列（动画数据）；
chart.redraw（）；
}
$（'#btn1'）。单击（函数（）{
复活术（）；
});
$（'#btn2'）。单击（函数（）{
复活术（）；
设置超时（reanimateChart，100）；
});
$（“#容器”）。高图({
图表：{
类型：“区域”
},
标题：{
正文：“美国和苏联的核储备”
},
副标题:{
文本：“来源：”
},
xAxis：{
allowDecimals:false，
标签：{
格式化程序：函数（）{
返回this.value；//年份的干净、未格式化的数字
}
}
},
亚克斯：{
标题：{
案文：“核武器国家”
},
标签：{
格式化程序：函数（）{
返回此值/1000+'k'；
}
}
},
工具提示：{
pointFormat:“{series.name}在{point.x}中生成{point.y:，.0f}
弹头”
},
打印选项：{
面积：{
起点：1940年，
标记：{
启用：false，
符号：'圆'，
半径：2，
国家：{
悬停：{
已启用：true
}
}
}
}
},
系列：数据
});
});

复活
打断动画
请检查此示例，该示例允许暂停/停止/再次运行动画。由于一些紧急项目，我不得不退出此功能，但到目前为止，该示例效果良好。谢谢你的意见。