ECharts 提供了工具栏(toolbox)用于添加一系列交互工具,如数据区域缩放、导出图片等。你可以通过监听工具栏相关的事件来执行一些自定义的操作。以下是一些与工具栏相关的事件:

1. 数据区域缩放事件:
   - dataZoom:当启用数据区域缩放功能时,进行缩放操作时触发。
   myChart.on('dataZoom', function (params) {
       console.log('数据区域缩放事件:', params);
   });

   在上述代码中,当用户在图表上进行数据区域缩放操作时,会输出具体的缩放信息。

2. 视觉映射组件颜色选取事件:
   - selectDataRange:当启用视觉映射组件的颜色选取功能时触发。
   myChart.on('selectDataRange', function (params) {
       console.log('颜色选取事件:', params);
   });

   这个事件在用户使用视觉映射组件的颜色选取功能时触发,可以用于监听颜色的选取状态。

3. 导出图片事件:
   - saveAsImage:当点击导出图片按钮时触发。
   myChart.on('saveAsImage', function (params) {
       console.log('导出图片事件:', params);
   });

   这个事件在用户点击图表工具栏中的导出图片按钮时触发,可以用于执行一些导出图片的自定义操作。

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

   这个事件在用户点击工具栏中的任何功能按钮时触发,可以用于监听各个功能的点击状态。

这些事件可以帮助你在工具栏的各种功能被点击或使用时执行一些自定义的操作。你可以根据你的需求在官方文档中查找更多的事件列表及详细信息:[ECharts 事件](https://echarts.apache.org/zh/api.html#events)。


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