1. 点击事件:
- click:点击图表元素时触发,如点击某个系列的数据点。
myChart.on('click', function (params) {
console.log('点击事件:', params);
});
2. 双击事件:
- dblclick:双击图表元素时触发。
myChart.on('dblclick', function (params) {
console.log('双击事件:', params);
});
3. 鼠标悬浮事件:
- mouseover:鼠标悬浮在图表元素上时触发。
myChart.on('mouseover', function (params) {
console.log('鼠标悬浮事件:', params);
});
4. 鼠标移出事件:
- mouseout:鼠标移出图表元素时触发。
myChart.on('mouseout', function (params) {
console.log('鼠标移出事件:', params);
});
5. 鼠标移动事件:
- mousemove:鼠标在图表上移动时触发,可用于实时获取鼠标位置。
myChart.on('mousemove', function (params) {
console.log('鼠标移动事件:', params);
});
6. 鼠标滚轮事件:
- mousewheel:鼠标滚轮滚动时触发,可用于实现数据区域的缩放。
myChart.on('mousewheel', function (params) {
console.log('鼠标滚轮事件:', params);
});
7. 全局点击事件:
- globalout:鼠标点击图表区域外部时触发。
myChart.on('globalout', function (params) {
console.log('全局点击事件:', params);
});
这只是一小部分鼠标事件列表,ECharts 提供了更多的鼠标事件,用于监听和处理各种鼠标交互。你可以根据你的需求在官方文档中查找更多的事件列表及详细信息:[ECharts 鼠标事件](https://echarts.apache.org/zh/api.html#events)。
转载请注明出处:http://www.zyzy.cn/article/detail/5090/ECharts