1. 点击事件(click):
myChart.on('click', function (params) {
// params 包含了点击的信息,比如坐标等
console.log(params);
});
2. 鼠标移动事件(mousemove):
myChart.on('mousemove', function (params) {
// params 包含了鼠标移动的信息,比如坐标等
console.log(params);
});
3. 数据区域缩放事件(dataZoom):
myChart.on('dataZoom', function (params) {
// params 包含了数据缩放的信息
console.log(params);
});
4. 图例点击事件(legendselectchanged):
myChart.on('legendselectchanged', function (params) {
// params 包含了图例点击的信息,比如选中的系列等
console.log(params);
});
5. 窗口大小改变事件(resize):
window.addEventListener('resize', function () {
// 触发图表的 resize 事件
myChart.resize();
});
以上只是一些常见事件的例子,ECharts 支持更多的事件,具体可以查阅官方文档以获取完整的事件列表和详细信息:[ECharts 事件文档](https://echarts.apache.org/zh/api.html#echartsInstance.on)。
在事件处理函数中,你可以根据需要执行各种操作,比如更新图表数据、联动其他图表、弹出提示框等。通过事件处理,你能够更好地与用户交互,提升数据可视化的交互体验。
转载请注明出处:http://www.zyzy.cn/article/detail/13209/ECharts