Animation 多系列奇数动画

我试图将时间序列的样条曲线动画（）改编为多个序列。 我在这里修改了这个例子

Highcharts.chart（'container'{
图表：{
类型：“样条线”，
动画：Highcharts.svg，//不要在旧IE中设置动画
marginRight:10，
活动：{
加载：函数（）{
//设置图表的每秒更新
var系列=本系列；
setInterval（函数（）{
var x=（新日期（））.getTime（），//当前时间
y=数学随机（）；
系列[0]。添加点（[x，y]，真，真）；
y=数学随机（）；
系列[1]。添加点（[x，y]，真，真）；
}, 1000);
}
}
},
时间：{
useUTC:false
},
标题：{
文本：“实时随机数据”
},
可访问性：{
宣布新数据：{
启用：对，
minAnnounceInterval:15000，
announcementFormatter:函数（allSeries、newSeries、newPoint）{
如果（新点）{
返回'New point added.Value:'+newPoint.y；
}
返回false；
}
}
},
xAxis：{
键入：“日期时间”，
像素间隔：150
},
亚克斯：{
标题：{
文本：“值”
},
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'
}]
},
工具提示：{
headerFormat:“{series.name}
”，
点格式：“{point.x:%Y-%m-%d%H:%m:%S}
{point.Y:.2f}”
},
图例：{
已启用：false
},
出口：{
已启用：false
},
系列：[{
名称：'随机数据'，
数据：（函数（）{
//生成一个随机数据数组
var数据=[]，
时间=（新日期（））.getTime（），
我
对于（i=-19；i，这是因为图表重绘了两次。在第一次
addPoint
方法调用中禁用重绘

events: {
  load: function() {
    ...
    setInterval(function() {
      ...
      series[0].addPoint([x, y], false, true);
      series[1].addPoint([x, y], true, true);
    }, 1000);
  }
}


现场演示：

API参考：

events: {
  load: function() {
    ...
    setInterval(function() {
      ...
      series[0].addPoint([x, y], false, true);
      series[1].addPoint([x, y], true, true);
    }, 1000);
  }
}