echarts动态效果

通过在ECharts配置项中设置animation属性，可以为echarts添加动态效果。具体可以通过以下步骤实现：
1. 在初始化echarts实例时，设置animation属性为true或者'auto'，启用默认的加载动画效果。例如：`option = { animation: true, ... };`
2. 可以通过animationDurationUpdate和animationEasingUpdate属性分别设置更新动画的时长和缓动效果。
3. 当数据发生变化时，echarts会自动执行更新动画。

参考文献：
: <<引用:js: // 初始化echarts实例 var myChart = echarts.init(document.getElementById('sankeyChart')); // 配置项 var option = { tooltip: { trigger: 'item', triggerOn: 'mousemove' }, series: { type: 'sankey', emphasis: { focus: 'adjacency' }, nodeWidth: 20, data: [{ name: 'A' }, { name: 'B' }, { name: 'C' }, { name: 'D' }, { name: 'E' }], links: [{ source: 'A', target: 'B', value: 10 }, { source: 'A', target: 'C', value: 15 }, { source: 'B', target: 'D', value: 12 }, { source: 'C', target: 'D', value: 8 }, { source: 'C', target: 'E', value: 10 }] } }; // 显示加载动画 myChart.showLoading(); // 异步加载数据 setTimeout(function () { myChart.hideLoading(); myChart.setOption(option); }, 2000); // 更新数据 setTimeout(function () { option.series.data.push({ name: 'F' }); option.series.links.push({ source: 'D', target: 'F', value: 5 }); myChart.setOption(option); }, 4000); 。>>
: <<引用:在以上代码中，我们将 series 属性的 type 设置为 ‘sankey’，即表示创建一个桑基图，并通过 animationDurationUpdate 和 animationEasingUpdate 属性分别设置了更新动画的时长和缓动效果。这样，在数据发生变化时，桑基图将自动执行更新动画。 需要注意的是，为了使用动画效果，需要将 ECharts 版本升级到 4.0 及以上版本。 。>>
: <<引用:加载动画：当数据第一次加载或切换数据集时，可以通过设置 animation 属性来展示加载动画，具体可以设置为 ‘auto’ 或者 true，这将启用默认的加载动画效果，也可以设置为一个对象，自定义加载动画的具体效果。例如： option = { animation: true, ... }; 。>>