highcharts - 动画在 Highcharts 中的初始加载和动态数据序列替换之间表现不同

Question

我有一个 Highchart 图表来显示一些带有动画的数据系列。该图表具有线型和列型的组合。每个数据系列集都可以用另一个集完全替换。

问题是：在初始加载时，动画是平滑的并且适用于所有数据系列。但是当我进行数据系列替换并重新绘制图表时，动画似乎消失或不如初始加载那么流畅。

我需要动画表现一致，与最初的一样。

我的数据系列替换代码如下：

var i_limit=chart["series"]["length"];
for(var i=0;i<i_limit;i++)
{
    chart.series[0].remove(true);
}
var i_limit=data1.length;
for(var i=0;i<i_limit;i++)
{
    chart.addSeries(data1[i],true);
    chart["redraw"]()
}

我的 jsFiddle 显示了这个问题的完整代码：http: //jsfiddle.net/dinoJS/axQNU/1/。（点击按钮触发数据系列替换）

Answer 1

图表有一个animation属性。您可以调整动画的持续时间，提供更长的过渡，从而获得更平滑的外观。

这是具有此属性的更新 JSFiddle。您可以在此处找到 chart.animation 属性的文档。