增加legend 图例 分别控制

src/views/activity/TestCenter.vue

@@ -43,7 +43,7 @@
 
     <!-- 表格区域 -->
     <div class="table-section">
-      <el-table :data="tableData" style="width: 100%">
+      <el-table :data="tableData" style="width: 100%" @cell-click="handleCellClick">
         <el-table-column prop="date" label="Date" width="180" />
         <el-table-column prop="name" label="Name" width="180" />
         <el-table-column prop="address" label="Address" />
@@ -330,6 +330,13 @@ const marketShareConfig = {
     }
   ]
 }
+
+const handleCellClick = (row, column, cell, event) => {
+  console.log('点击的值:', row[column.property])
+  console.log('点击的列 字段名:', column.property)
+  console.log('点击的列 标题:', column.label)
+}
+
 </script>
 
 <style lang="scss" scoped>