如何让Highcharts图表重绘更快？

Question

当数据集超过14条记录时，会出现这些箭头（参见屏幕截图）。当您单击箭头时，它使用以下代码修改数据集+或 - 1记录：

                $('#left').click(function(){
                    if (show_min > 0) {
                        data_chart = $('#data-chart').highcharts();
                        data_chart.xAxis[0].update({
                            min: --show_min,
                            max: --show_max
                        });
                    }
                });

那部分效果很好。

我想要做的是调整动画速度并轻松匹配我们网站上的其他内容。这可能吗？我没有在API文档中看到它，但我确信我可能在某个地方错过了它。

Answer 1

请参阅以下链接。我相信“持续时间”是您正在寻找的，这是API中的一个选项。

Highcharts - Animation Documentation

  

animation：Boolean | Object设置所有图表的整体动画   更新。通过设置可以在整个图表中禁用动画   在这里假。它可以为每个单独的API方法重写   一个函数参数。唯一不受此选项影响的动画   是初始系列动画，请参阅plotOptions.series.animation。

     

动画可以设置为布尔值或配置   宾语。如果为true，它将使用'swing'jQuery缓动和持续时间   500毫秒如果用作配置对象，则具有以下属性   支持：

     

持续时间 - 动画的持续时间（以毫秒为单位）。

     放松 - A   字符串引用Math对象上设置的缓动函数。

所以我猜你在创建图表时会想要这样的东西：

animation:{
  duration:100
}