在vue中，监听echarts 滚轮事件

可以使用echarts提供的方法`on`来监听echarts的滚轮事件，具体实现如下：

1. 在vue中引入echarts库

import echarts from 'echarts'

2. 在vue的`mounted`钩子函数中初始化echarts，并添加滚轮事件监听

mounted() {
  // 初始化echarts
  let myChart = echarts.init(this.$refs.chart)

  // 添加滚轮事件监听
  myChart.on('mousewheel', (params) => {
    console.log(params)
    // 这里可以根据需求来处理滚轮事件
  })
}

3. 在vue的`template`中添加echarts的容器

<template>
  <div ref="chart" style="width: 100%; height: 500px;"></div>
</template>

注意事项：

- 在使用`on`方法监听事件时，需要在`mounted`钩子函数中初始化echarts，否则会报错。
- `on`方法中的第一个参数为要监听的事件类型，这里使用的是`mousewheel`，表示监听滚轮事件。
- `on`方法中的第二个参数为事件处理函数，这里使用箭头函数来定义事件处理函数，可以在控制台输出事件参数`params`，并根据具体需求来处理滚轮事件。
- 在vue中使用`ref`来获取DOM元素的引用，这里使用`ref="chart"`来引用echarts的容器。