echarts animation 控制时间 动画的速度

在 ECharts 中，可以通过调整动画的时间间隔和延迟来控制动画的速度。具体来说，可以使用以下两个配置项：

1. `animationDuration`：控制动画的时间间隔，单位为毫秒（ms）。例如，将其设置为 1000 表示动画的持续时间为 1 秒。

2. `animationDelay`：控制动画开始的延迟时间，单位为毫秒（ms）。例如，将其设置为 500 表示动画在开始前要等待 0.5 秒。

示例代码如下：

option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E'],
        axisLabel: {
            interval: 0,
            rotate: 45
        }
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10],
        animationDuration: 1000, // 动画持续时间为 1s
        animationDelay: function (idx) { // 每个柱子的动画延迟时间不同
            return idx * 100;
        }
    }]
};

在上面的示例中，柱状图的动画持续时间为 1 秒，每个柱子的动画延迟时间依次为 0ms、100ms、200ms、300ms、400ms。这样会使得动画看起来更加流畅，也可以根据实际需求来进行调整。