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属性。您可以调整动画的持续时间，从而实现更长的过渡，从而使外观更加平滑。

Here is an updated JSFiddle with this property。您可以找到documentation for the chart.animation property here。

动画在Highcharts中的初始加载和动态数据系列替换之间的行为不同

1 个答案: