ECharts 提供了丰富的鼠标事件,允许你监听和响应图表上的鼠标交互。以下是一些常用的 ECharts 鼠标事件:

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