在使用unshift()添加数据时，是否获得了漂亮的chart.js动画？

// 引入chart.js库
import Chart from 'chart.js';

// 创建一个canvas元素
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 创建柱状图
const ctx = canvas.getContext('2d');
const chart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['A', 'B', 'C'],
    datasets: [{
      label: 'Data',
      data: [10, 20, 30],
      backgroundColor: 'rgba(0, 123, 255, 0.5)',
    }],
  },
  options: {
    animation: {
      duration: 1000, // 动画持续时间为1秒
      easing: 'easeOutQuart', // 缓动函数
    },
  },
});

// 更新数据并应用动画效果
chart.data.labels.unshift('D');
chart.data.datasets[0].data.unshift(40);
chart.update();