Vega-Lite下拉选择框添加“全部”选项实现无过滤显示

要实现选中“全部”时展示所有数据，核心是调整过滤逻辑，让“全部”选项触发的条件不对数据做过滤，而非去匹配不存在的null值。具体修改如下：

1. 确认参数选项配置：确保你的下拉参数（示例命名为selectedIndustry）包含“全部”选项，将其value设为明确标识（比如字符串'全部'）：

"params": [
  {
    "name": "selectedIndustry",
    "value": "全部",
    "bind": {
      "input": "select",
      "options": ["全部", "科技", "医疗", "金融"], // 替换为你的实际行业选项
      "labels": ["全部", "科技行业", "医疗行业", "金融行业"]
    }
  }
]

2. 修改过滤条件：在图表的transform模块的filter中添加逻辑判断——当选中“全部”时直接返回true（保留所有数据），否则匹配对应行业字段：

"transform": [
  {
    "filter": "selectedIndustry == '全部' || datum.Industry == selectedIndustry"
  }
]

修改后，选择“全部”时过滤条件始终为真，所有数据都会被保留展示；选择其他行业时，正常匹配对应字段值实现过滤。

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