echarts 突变

ECharts 是一个非常流行的 JavaScript 数据可视化库，它提供了丰富的图表类型和高度定制化的功能。在 ECharts 中，突变（Mutation）通常是指数据更新过程中，为了让图表能够平滑地响应数据的变化，特别是当数据出现显著波动或者跳跃时，如何使图表的展示更加自然。ECharts 提供了一种称为“动画”（animation）的功能来实现数据突变的平滑过渡。

具体来说，ECharts 动画可以分为两种：

1. **基本动画**：默认的动画效果，适用于大部分数据变化。当数据发生变化时，图表会自动进行缓动动画，让用户感觉数据是在一个连续的过程中改变的。

2. **自定义动画**：如果你需要更精确地控制动画过程，比如针对特定的数据更新执行特定的动画效果，你可以创建自定义的动画配置，包括动画持续时间、缓动函数等。

要设置突变（动画）效果，你可以使用 ECharts 的 `option` 对象中的 `animation` 或 `animationDuration` 属性，以及 `animationEasing` 属性来调整动画的缓动函数。例如：

var option = {
  //...
  animation: true, // 是否开启动画
  animationDuration: 1000, // 动画持续时间（毫秒）
  animationEasing: 'cubicOut', // 缓动函数，如 'linear', 'quadInOut', 'cubicOut' 等
  series: [
    {
      data: [newData], // 更新后的数据
      //...
    }
  ]
};