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