Chart.js 4.3.3如何仅禁用初始动画，保留更新时动画？

你可以通过初始化时禁用动画，更新时临时启用动画的方式实现需求，具体步骤如下：

• 初始化图表时，将animation.duration设为0，彻底禁用初始渲染的动画：

const myLineChart = new Chart(document.getElementById('chartCanvas'), {
  type: 'line',
  data: {
    // 你的初始数据
    labels: ['Jan', 'Feb', 'Mar'],
    datasets: [{
      label: '数据',
      data: [10, 20, 15]
    }]
  },
  options: {
    animation: {
      duration: 0 // 初始渲染无动画
    }
  }
});

• 当需要更新图表数据时，调用update()方法并传入临时的动画配置，这次更新会触发动画，且不会改变图表的默认配置：

// 先更新数据
myLineChart.data.datasets[0].data = [25, 18, 30];
// 带动画更新图表
myLineChart.update({
  animation: {
    duration: 300 // 自定义动画时长，单位ms
  }
});

这种方式的核心是利用Chart.js的update()方法支持临时覆盖配置的特性，既保证了初始渲染无动画，又能在每次更新时按需启用动画，无需修改图表的全局配置。

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