在ts中，echarts线状图如何获取点击区域同一列上x轴的数据

你可以使用echarts的`on`事件监听器来获取点击区域的信息，然后通过点击的坐标信息来获取同一列上x轴的数据。

下面是一个示例代码：

// 获取echarts实例
const chart = echarts.getInstanceByDom(document.getElementById('chart') as HTMLDivElement);

// 添加点击事件监听器
chart.on('click', (params) => {
  const { xAxisIndex, data } = params;
  const xValue = data[xAxisIndex]; // 获取点击区域对应的x轴数据

  // 获取同一列上的所有数据
  const series = chart.getOption().series;
  const columnData = series.map(s => s.data[xAxisIndex]);
  
  console.log('点击了x轴值为：', xValue);
  console.log('同一列上的数据：', columnData);
});

在上面的代码中，我们首先获取了echarts的实例，然后添加了一个点击事件监听器。当用户点击图表时，会触发该事件监听器，并将点击区域的信息作为参数传入回调函数中。

在回调函数中，我们首先从`params`参数中获取了点击区域对应的x轴索引和数据，然后使用索引获取该列上的x轴数据。接着，我们通过`getOption()`方法获取了图表的配置项，从中获取了所有系列的数据，并使用索引获取同一列上的所有数据。

最后，我们将获取到的x轴数据和同一列上的数据打印到控制台中。

希望这个例子能帮到你，如果有其他问题，欢迎继续提问。