PowerBI Deneb(Vega-lite)地理数据下钻：城市选择交互优化需求

核心问题拆解 #

当前问题集中在两点：城市层级点击触发了不必要的地图缩放，以及选中状态未同步到PowerBI的筛选上下文。以下是针对性修复步骤：

1. 禁用城市层级的自动缩放 #

找到代码中控制地图缩放的配置，通常是projection内的fit属性，给它添加层级判断，仅在省级层级触发缩放：

"projection": {
  "type": "mercator",
  "fit": {
    "expr": "datum.hierarchy_level === 'province' ? datum.geojson : undefined"
  }
}

如果是通过view的交互属性控制缩放，直接在城市层级的图层中禁用自动缩放：

"view": {
  "interactive": true, // 保留点击交互，仅禁用自动缩放
  "zoom": false
}

2. 实现城市选中高亮+未选中置灰 #

添加单值选择器绑定城市字段，通过条件颜色编码区分选中状态：

// 放在spec顶层（与data、encoding同级）
"selection": {
  "activeCity": {
    "type": "single",
    "fields": ["city_id"], // 用唯一标识字段避免重名冲突
    "on": "click",
    "clear": "dblclick" // 双击清除选中状态
  }
},
// 在城市图层的encoding中配置颜色规则
"encoding": {
  "color": {
    "condition": {
      "selection": "activeCity",
      "value": "#2563eb" // 选中城市的高亮色
    },
    "value": "#94a3b8" // 未选中城市的置灰色
  }
}

3. 同步选中城市到PowerBI报表筛选 #

要让选中城市能过滤其他视觉对象，需完成两项配置：

• 在Deneb可视化的交互设置中，勾选「发送筛选到报表」，并将city_id或city_name字段映射到PowerBI数据模型的对应字段。
• 在Vega-Lite的selection配置中添加绑定，确保选中状态同步到PowerBI筛选上下文：

  "selection": {
    "activeCity": {
      "type": "single",
      "fields": ["city_name"],
      "on": "click",
      "clear": "dblclick",
      "bind": "scales"
    }
  }
  

额外验证点 #

• 检查层级切换逻辑，确保进入城市层级后，仅城市图层的交互生效，省级图层的缩放逻辑不会被误触发。
• 如果使用多层（layer）结构，需将selection的条件判断仅应用在城市图层上，避免干扰省级视图的交互。

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