Echarts下钻没有动画
时间: 2023-10-01 08:03:21 浏览: 37
要使Echarts下钻有动画效果,可以通过以下两种方法来实现:
1. 在Echarts的配置项中设置动画效果,示例如下:
```javascript
option = {
series: [{
type: 'treemap',
animationDurationUpdate: 1000, // 设置动画持续时间
animationEasingUpdate: 'quinticInOut', // 设置动画的缓动效果
// ...
}]
};
```
2. 在Echarts的事件回调函数中通过调用 `setOption` 方法来实现动画效果,示例如下:
```javascript
chart.on('click', function(params) {
// 获取下一级数据
var nextData = getNextData(params.data.id);
// 渲染下一级数据
chart.setOption({
series: [{
data: nextData,
animationDurationUpdate: 1000, // 设置动画持续时间
animationEasingUpdate: 'quinticInOut', // 设置动画的缓动效果
}]
});
});
```
以上两种方法都可以实现Echarts下钻的动画效果,具体使用哪种方法可以根据实际需求来选择。