在vue中，点击el-table不同行，显示该行数据的echarts表格，给我一个代码示例

好的，以下是一个简单的代码示例：

1. 在el-table中添加@click事件监听器，触发方法showChart：

<el-table :data="tableData" @row-click="showChart">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column prop="address" label="Address"></el-table-column>
</el-table>

2. 定义showChart方法，获取当前点击行的数据并渲染echarts图表：

methods: {
  showChart(row) {
    // 获取当前点击行的数据
    const rowData = row;
    
    // 根据数据渲染echarts图表
    const chart = echarts.init(document.getElementById('chart'));
    chart.setOption({
      title: {
        text: rowData.name + '的数据'
      },
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
      }]
    });
  }
}

3. 在页面中添加一个容器用于显示echarts图表：

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

以上代码示例仅供参考，具体实现可以根据实际需求进行调整。