AWS Quicksight如何基于分类筛选器输入动态更新子分类筛选值

实现核心逻辑为：子分类筛选器的可选值集合，始终取当前选中分类下的去重子分类值，不同场景实现方式如下：

Excel（透视表/表单控件筛选） #

• 选中子分类筛选控件，右键选择「设置控件格式」
• 「控制」选项卡的数据源区域填写动态公式：=UNIQUE(FILTER(你的表名[Subcategory],你的表名[Category]=分类筛选器绑定的单元格)
• 保存设置后，分类筛选值变化时子分类列表会自动同步更新

Power BI #

• 若两个字段来自同一张表，默认自带联动效果，未生效可按以下调整：
• 选中子分类筛选器，在右侧「筛选器」面板的「显示值」模块，勾选「根据页内其他筛选器筛选值」即可

Tableau #

• 右键点击子分类筛选器，直接勾选「仅显示相关值」即可生效
• 跨数据源场景需先配置两张表的关联关系，再执行上述设置

前端自定义开发 #

监听分类筛选器的变化事件，动态更新子分类的可选值，参考JS实现：

const rawData = [/* 你的全量数据表 */]
const categorySelect = document.getElementById('category-select')
const subcategorySelect = document.getElementById('subcategory-select')

categorySelect.addEventListener('change', (e) => {
  const selectedCate = e.target.value
  // 过滤出当前分类下的去重子分类
  const validSubs = [...new Set(rawData.filter(item => item.Category === selectedCate).map(i => i.Subcategory))]
  // 重写子分类选项
  subcategorySelect.innerHTML = validSubs.map(sub => `<option value="${sub}">${sub}</option>`).join('')
})

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