echarts tooltip 的动画效果
时间: 2023-10-08 10:14:55 浏览: 166
tooltip效果
对于 Echarts 的 tooltip 动画效果可以通过配置项进行设置。在 `tooltip` 的 `animation` 属性中,可以设置动画的开启与关闭,以及动画的持续时间和缓动效果。
以下是一个示例的配置代码:
```javascript
option = {
// 其他配置项...
tooltip: {
trigger: 'item',
animation: true, // 开启tooltip的动画效果
animationDuration: 200, // 动画的持续时间,单位为毫秒
animationEasing: 'elasticOut' // 动画的缓动效果
},
// 其他配置项...
};
```
其中,`animation` 属性控制是否开启 tooltip 的动画效果,设置为 `true` 表示开启,设置为 `false` 表示关闭。
`animationDuration` 属性控制动画的持续时间,单位为毫秒。
`animationEasing` 属性控制动画的缓动效果,可以选择一些预设的缓动函数,例如 `'linear'`、`'quadraticIn'`、`'quadraticOut'` 等。
你可以根据自己的需求进行配置,来实现不同类型的 tooltip 动画效果。
阅读全文