echarts rendered事件使用
时间: 2023-10-24 11:13:35 浏览: 180
ECharts 事件处理
ECharts 的 `rendered` 事件是在图表渲染完成后触发的,可以用于执行一些与图表交互的操作,比如更新数据、重置视图等。以下是使用 `rendered` 事件的示例代码:
```javascript
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 绘制图表
myChart.setOption({
// 图表配置项
});
// 监听 rendered 事件
myChart.on('rendered', function() {
console.log('图表渲染完成!');
// 在这里可以执行一些与图表交互的操作
});
```
需要注意的是,`rendered` 事件只会在第一次渲染图表时触发,如果需要在图表更新后再次执行操作,可以使用 `setOption` 方法的回调函数。例如:
```javascript
myChart.setOption({
// 新的图表配置项
}, function() {
console.log('图表更新完成!');
// 在这里可以执行一些与图表交互的操作
});
```
这样,在每次更新图表时都会触发回调函数,并执行相应的操作。
阅读全文