如何在PowerBI中基于活动多选创建人员信息筛选表格？

原始数据表格 #

一、数据结构优化建议 #

当前宽表（每个活动占一列）的结构不利于扩展和灵活筛选，建议转成长表结构，每一行对应一个人员的一项活动：

这种结构的优势：

• 新增活动时无需添加列，直接新增行即可
• 筛选逻辑更统一，不管用Excel、BI工具还是前端代码，都更容易实现多条件匹配筛选
• 便于后续统计分析（比如按活动类型统计人员年龄分布）

二、功能实现方案 #

根据不同工具场景，提供对应的实现方式：

1. Excel场景 #

步骤：

• 先将数据转成上述长表结构
• 插入切片器：选中「活动类型」列，点击「插入」→「切片器」，选择活动类型字段
• 实现“同时满足所有选中活动”的筛选：
  1. 插入数据透视表：行区域放「姓名」「年龄」，值区域放「活动类型」（选择计数）
  2. 右键数据透视表→「值字段设置」，将名称改为「活动匹配数」
  3. 添加筛选器：在数据透视表的筛选区域，添加「活动匹配数」，设置条件为「等于」，手动输入选中活动的数量
  4. 用户在切片器中多选活动时，调整「活动匹配数」的筛选值为选中活动的数量，即可显示同时参与所有选中活动的人员

2. 前端HTML/JS场景 #

下面是原生JS实现的代码，支持多选活动筛选，自动显示符合条件的人员：

<!-- 筛选复选框区域 -->
<div class="filter-bar">
  <label><input type="checkbox" value="Cyclist（骑行者）"> Cyclist（骑行者）</label>
  <label><input type="checkbox" value="Canoeist（皮划艇爱好者）"> Canoeist（皮划艇爱好者）</label>
  <label><input type="checkbox" value="Hiker（徒步者）"> Hiker（徒步者）</label>
  <label><input type="checkbox" value="Runner（跑步者）"> Runner（跑步者）</label>
</div>

<!-- 结果展示表格 -->
<table class="result-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody id="table-content"></tbody>
</table>

<script>
// 优化后的长表数据
const personActivities = [
  { name: 'Bill', age: 45, activity: 'Cyclist（骑行者）' },
  { name: 'Bill', age: 45, activity: 'Hiker（徒步者）' },
  { name: 'Bill', age: 45, activity: 'Runner（跑步者）' },
  { name: 'Susie', age: 28, activity: 'Canoeist（皮划艇爱好者）' },
  { name: 'Fred', age: 33, activity: 'Cyclist（骑行者）' },
  { name: 'Fred', age: 33, activity: 'Canoeist（皮划艇爱好者）' },
  { name: 'Thys', age: 28, activity: 'Canoeist（皮划艇爱好者）' },
  { name: 'Thys', age: 28, activity: 'Hiker（徒步者）' },
  { name: 'Lin', age: 67, activity: 'Hiker（徒步者）' },
  { name: 'Lin', age: 67, activity: 'Runner（跑步者）' },
];

// DOM元素
const checkboxes = document.querySelectorAll('.filter-bar input[type="checkbox"]');
const tableContent = document.getElementById('table-content');

// 初始化显示所有人员（去重）
renderUniquePeople();

// 监听复选框变化
checkboxes.forEach(cb => cb.addEventListener('change', handleFilter));

function handleFilter() {
  // 收集选中的活动
  const selected = Array.from(checkboxes)
    .filter(cb => cb.checked)
    .map(cb => cb.value);

  if (selected.length === 0) {
    renderUniquePeople();
    return;
  }

  // 按姓名分组，获取每个人的活动集合
  const personGroups = {};
  personActivities.forEach(item => {
    if (!personGroups[item.name]) {
      personGroups[item.name] = { name: item.name, age: item.age, activities: new Set() };
    }
    personGroups[item.name].activities.add(item.activity);
  });

  // 筛选出拥有所有选中活动的人员
  const filtered = Object.values(personGroups).filter(person => {
    return selected.every(act => person.activities.has(act));
  });

  // 渲染结果
  tableContent.innerHTML = filtered.map(p => `
    <tr>
      <td>${p.name}</td>
      <td>${p.age}</td>
    </tr>
  `).join('');
}

// 渲染去重后的所有人员
function renderUniquePeople() {
  const unique = [...new Map(personActivities.map(item => [item.name, item])).values()];
  tableContent.innerHTML = unique.map(p => `
    <tr>
      <td>${p.name}</td>
      <td>${p.age}</td>
    </tr>
  `).join('');
}
</script>

3. BI工具场景（以Power BI为例） #

步骤：

1. 将数据导入Power BI并转成长表结构
2. 创建一个活动类型的多选切片器，放到报表页面
3. 创建DAX计算列：

   匹配活动数 = 
   VAR SelectedActivities = COUNTROWS(ALLSELECTED('活动表'[活动类型]))
   VAR PersonActivities = COUNTROWS(FILTER('活动表', '活动表'[姓名] = EARLIER('活动表'[姓名]) && '活动表'[活动类型] IN ALLSELECTED('活动表'[活动类型])))
   RETURN PersonActivities
   

4. 在人员表格的筛选器中，设置「匹配活动数」等于「SELECTEDVALUE(COUNTROWS(ALLSELECTED('活动表'[活动类型])))」
5. 用户在切片器中多选活动时，表格会自动显示同时参与所有选中活动的人员

内容的提问来源于stack exchange，提问作者Clemistry