echarts-liquidfill 水波停止动效
时间: 2023-10-24 20:07:32 浏览: 128
HNFlowingAnimation水波纹效果
要停止水波动效,可以使用echarts提供的clearInterval方法来清除定时器。以下是示例代码:
```javascript
var myChart = echarts.init(document.getElementById('chart'));
// 设置水波图的配置项和数据
var option = {
series: [{
type: 'liquidFill',
data: [0.6, 0.5, 0.4],
// 省略其他配置项
}]
};
// 渲染图表
myChart.setOption(option);
// 获取水波图的series对象
var series = myChart.getOption().series[0];
// 获取定时器ID
var intervalId = series.__intervalId;
// 停止水波动效
clearInterval(intervalId);
```
在上述代码中,我们首先初始化了一个echarts实例,并设置了水波图的配置项和数据。然后,我们通过调用`myChart.getOption().series[0]`获取了水波图的series对象,并通过`series.__intervalId`获取了定时器ID。最后,我们通过调用`clearInterval(intervalId)`停止了水波动效。
阅读全文