echarts中dataZoom

在Echarts中，dataZoom是一种用于区域缩放的功能。如果需要获取dataZoom所选的起止数据，可以通过使用API中的events.datazoom事件来实现。具体的步骤如下：

1. 首先，需要初始化Echarts实例，可以使用以下代码：

   let chart = this.$echarts.init(document.getElementById(''));

2. 然后，通过dispatchAction方法来触发区域缩放功能，可以使用以下代码：

   chart.dispatchAction({
     type: 'takeGlobalCursor',
     key: 'dataZoomSelect',
     dataZoomSelectActive: true
   });

3. 接下来，可以通过监听datazoom事件来获取缩放选中的起止数据，可以使用以下代码：

   chart.on('datazoom', params => {
     console.log(params, 'params');
     // 缩放选中的开始时间点数值
     let startX = params.batch\[0\].startValue;
     // 缩放选中的结束时间点数值
     let endX = params.batch\[0\].endValue;
     // 根据获取的数值从X轴的data中获取对应的时间点
     let startTime = chart.getOption().xAxis\[0\].data\[startX\];
     let endTime = chart.getOption().xAxis\[0\].data\[endX\];
   });

通过以上步骤，你可以在Echarts中获取到dataZoom所选的起止数据，并进行相应的处理。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [Echarts框选型dataZoom配置项](https://blog.csdn.net/qq_41720578/article/details/128942843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]