echarts折线图点击图线获取当前图线

在使用 ECharts 绘制折线图时，我们可以通过监听图表的点击事件来获取当前被点击的图线。以下是实现这一功能的步骤：

1. 首先，我们需要在页面中引入 ECharts 库，并创建一个装载图表的容器，如下所示：

<div id="chart" style="width: 600px;height:400px;"></div>

2. 接下来，我们需要在 JavaScript 中配置图表的数据和选项，并将其绑定到容器上，如下所示：

// 创建图表实例
var chart = echarts.init(document.getElementById('chart'));

// 配置图表数据和选项
var option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'line'
  }]
};

// 将配置项设置给图表实例
chart.setOption(option);

3. 接下来，我们需要监听图表的点击事件，并获取当前被点击的图线的相关信息，如下所示：

// 监听图表的点击事件
chart.on('click', function(params) {
  // 获取当前被点击的图线索引
  var seriesIndex = params.seriesIndex;

  // 获取被点击的图线对应的数据项
  var data = option.series[seriesIndex].data;

  // 在控制台输出点击的图线信息
  console.log('Clicked series ' + seriesIndex + ', data: ' + data);
});

通过以上三个步骤，我们就可以实现在点击 ECharts 折线图时获取当前被点击的图线的功能。具体可根据需求进行进一步处理和展示。