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. 数据区域缩放事件:
   - dataZoom:数据区域缩放时触发。
   myChart.on('dataZoom', function (params) {
       console.log('数据区域缩放事件:', params);
   });

6. 时间轴切换事件:
   - timelinechanged:时间轴切换时触发。
   myChart.on('timelinechanged', function (params) {
       console.log('时间轴切换事件:', params);
   });

7. 图例点击事件:
   - legendselectchanged:图例被点击时触发。
   myChart.on('legendselectchanged', function (params) {
       console.log('图例点击事件:', params);
   });

8. 工具栏点击事件:
   - toolboxfeature:工具栏中的功能被点击时触发。
   myChart.on('toolboxfeature', function (params) {
       console.log('工具栏点击事件:', params);
   });

以上只是一小部分事件列表,ECharts 提供了更多丰富的事件用于监听图表的各种交互操作。你可以根据你的需求在官方文档中查找更多的事件列表及详细信息:[ECharts 事件](https://echarts.apache.org/zh/api.html#events)。


转载请注明出处:http://www.zyzy.cn/article/detail/5089/ECharts