echarts折线图快进暂停、回放

ECharts是一个强大的JavaScript数据可视化库，它提供了丰富的图表类型，包括折线图。在折线图中，实现快进、暂停和回放功能通常涉及到交互和动画控制。以下是如何在ECharts中设置这些功能的一个概述：

1. **快进**：ECharts的`playOption`属性可以用来控制动画的播放行为。你可以设置一个定时器或者监听某个事件（比如鼠标点击）来触发快进到特定时间点，然后调用图表的`setOption`方法，传递新的时间轴参数。

let playTime = 5; // 假设你想要快进5秒
chart.setOption({
  xAxis: { data: [...], type: 'time' }, // 时间轴数据
  animation: false, // 关闭初始动画
  playOptions: {
    duration: playTime * 1000, // 按秒计算
  },
});

2. **暂停/恢复**：ECharts没有直接提供暂停动画的功能，但可以通过修改`playOptions`来间接实现。例如，你可以切换`playOptions`的`playState`，如果为`false`则暂停，`true`则恢复。

// 停止播放
chart.playOptions.playState = false;

// 重新开始播放
chart.playOptions.playState = true;

3. **回放**：如果你有一个时间轴，可以监听用户的交互，如鼠标滚轮或者时间轴滑动，然后按照时间顺序更新图表数据。

chart.on('scroll', function (params) {
  let currentTime = params.current; // 当前时间
  chart.setOption({ xAxis: { start: currentTime, end: currentTime } });
});

**相关问题：**
1. ECharts的动画配置都有哪些选项？
2. 如何在ECharts中添加自定义交互事件？
3. 如何在ECharts的时间轴上实现自动滚动效果？