如何禁用Highcharts.js图表初始渲染及页面刷新时的动画？

仅设置chart.animation: false只能阻止图表更新操作（比如点击按钮更新）的动画，但无法禁用页面刷新或导航时的初始渲染动画。要实现彻底禁用，需要同时配置图表级别和系列级别的动画为false：

方法1：单图表配置 #

在单个图表的配置中同时添加以下两项：

Highcharts.chart('container', {
  chart: {
    animation: false // 禁用图表更新时的动画
  },
  plotOptions: {
    series: {
      animation: false // 禁用初始渲染时的系列动画
    }
  },
  // 其他必要配置（数据、标题等）
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0]
  }]
});

方法2：全局配置（所有图表生效） #

如果希望项目中所有Highcharts图表都禁用动画，可以在初始化图表前设置全局选项：

// 全局禁用所有动画
Highcharts.setOptions({
  chart: {
    animation: false
  },
  plotOptions: {
    series: {
      animation: false
    }
  }
});

// 后续创建的所有图表都会继承此配置
Highcharts.chart('container', {
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0]
  }]
});

这样无论页面刷新、导航后的初始渲染，还是后续的图表更新操作，都不会出现动画效果。

内容的提问来源于stack exchange，提问作者Magikk