Power BI Deneb堆积条形图工具提示反向匹配问题解决

问题表现 #

• 构建的支持就地高亮交互的堆积条形图，x轴绑定分组字段，高亮维度绑定tiers层级字段
• 预期效果：鼠标悬停条形时，工具提示展示的名称与条形上标注的标签完全一致
• 实际异常：工具提示内容反向错位，悬停标签为A的条形时提示显示D，悬停标签为F的条形时提示显示E，所有条形段均存在同类对应错误
• 已尝试添加条形排序配置，未解决问题
• 诉求优先级：
  1. 优先保持现有条形展示顺序不变，仅修复工具提示与条形标签的匹配关系
  2. 若前者无法实现，可接受反向调整条形展示顺序实现对应

修复方案 #

方案1（优先选择：保留原有条形展示顺序） #

错位核心原因是Vega-Lite默认堆叠计算的段顺序与工具提示默认读取的数据集索引顺序不一致，无需调整条形渲染逻辑，直接显式指定工具提示的取值来源即可：

1. 定位到Deneb规范中的encoding.tooltip配置节点
2. 移除对堆叠计算生成的隐式派生字段的引用，直接绑定当前渲染段对应的原始tiers字段，参考配置如下：

"encoding": {
  // 其余编码配置（x、y、color、text等）保持原有设置不变
  "tooltip": {
    "field": "tiers",
    "type": "nominal",
    "title": "层级"
  }
}

3. 如果工具提示需要展示度量值等其他字段，统一从当前数据行datum的原始字段中取值，不要调用堆叠计算生成的隐式字段。

方案2（备选：调整堆叠顺序对齐索引） #

如果方案1受现有交互逻辑限制无法生效，可通过调整堆叠排序方向，让条形渲染顺序和数据集索引顺序对齐：

1. 在条形对应的mark配置块中添加排序参数，反转堆叠顺序：

"mark": {
  "type": "bar",
  "stack": "zero",
  "sort": {"field": "tiers", "order": "descending"} // 新增该行配置
}

2. 配置生效后堆叠顺序会反向，可同步调整x轴、颜色图例的排序规则，让最终视觉展示顺序和原有效果一致。

校验步骤 #

配置修改后，优先悬停之前错位明显的A、F条形段，确认工具提示内容与条形标签完全匹配，同时验证就地高亮交互功能未受影响。

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