eharts 通过datazoom获取x轴数据

eharts 通过datazoom 获取x轴数据，可以通过以下步骤来实现：

1. 首先，需要在eharts的option配置项中添加一个datazoom组件，并设置合适的属性值。例如：
{
dataZoom: [
{ // 第一个dataZoom组件
type: 'slider', // 类型为滑动条
start: 0, // 起始位置为0%
end: 100 // 结束位置为100%
}
],
...
}

2. 在eharts的option配置项中，需要将x轴数据与dataZoom组件进行绑定。可以通过使用xAxis的属性data来设置x轴数据，然后将dataZoom组件的属性xAxisIndex设置为对应的索引值。例如：
{
...
xAxis: {
type: 'category', // 类型为类别型数据
data: ['数据1', '数据2', '数据3', '数据4'] // 设置x轴数据
},
dataZoom: [
{ // 第一个dataZoom组件
...,
xAxisIndex: 0 // 将dataZoom与xAxis进行绑定，使用索引值0指向xAxis
}
],
...
}

3. 最后，在eharts的option配置项中可以通过调整dataZoom组件的滑动条来获取到x轴数据。可以通过监听dataZoom组件的事件来获取滑动条的位置和数据范围。例如：
myChart.on('dataZoom', function (params) {
var option = myChart.getOption();
var rangeStart = option.dataZoom[0].start; // 获取滑动条的起始位置
var rangeEnd = option.dataZoom[0].end; // 获取滑动条的结束位置
var xAxisData = option.xAxis[0].data; // 获取x轴的全部数据

var selectedData = xAxisData.slice(rangeStart, rangeEnd); // 获取滑动范围内的x轴数据
console.log(selectedData);
});

通过以上步骤，我们可以利用eCharts 的dataZoom 组件来获取x轴的数据。